首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带节点的网站-关于browserify或webpack的几个问题

带节点的网站-关于browserify或webpack的几个问题
EN

Stack Overflow用户
提问于 2017-04-13 19:47:19
回答 1查看 19关注 0票数 0

我需要你的帮助与网站项目,我正在工作。我的项目由7个html文档,3个样式表,8个.js (包括jquery.min.js和一些jquery插件)和一些图片组成。我想尽可能地捆绑和缩小它(最好只有1个css和1个js文件,或者可能有1个js文件,里面包含样式)。

为了清楚起见-现在,当我在html中拥有所有依赖项时-一切都正常工作。但是我不确定如何设置所有的module.exports和requires。你能告诉我如何以恰当的方式一步一步地做吗?

在此之前,非常感谢您。

PS。我是用ES5写的,所以不用巴别塔。

EN

回答 1

Stack Overflow用户

发布于 2017-04-13 21:34:53

您可以执行以下操作来使代码库更整洁一些。

  • 手动将相关js文件的内容分组为一个,并使用合并后的js脚本顶部的module.exports = module_name将其导出为nodejs模块(根据需要对项目中的任何jscript重复此操作)。
  • 然后将导出的模块包含在您的主节点文件中,并使用var modulesfile = require(./module_name);包含其主要功能请注意导入js模块时的目录路径。
  • 如果需要从url多次调用js文件,您还可以运行像minifyjs这样的最小化程序来使js文件更小。可以找到minifyjs的Nodejs安装和用法here.
  • You也可以通过使用

从现有的Nodejs中调用其他css

@import url("./css/filename.css");只需先验证css目录路径是否正确。

如果您还想对节点使用browserify,npm网站中有一个

另一种简单有效的解决方案是在visual studio web项目中移动所有代码库。从那里你可以做你想做的,在捆绑的配置文件中组织你的脚本和css文件(/Scripts和/Content目录)等等。

注意:所有的代码都必须迁移到asp .NET项目才能正确使用this approach (根据微软文档)。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43391484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档