webpack
letMeAlone_
坚持走自己的路,不被表象所迷惑,基础才是根本,沉淀才是正道,不幸并不是我的全部,珍惜眼前
展开
-
node/webpack全局变量污染控制
模块化的好处之一就是防止全局变量的污染,传统方法的引入javascript文件有一些局限性 比如 1/无法立即体现,脚本的执行依赖于外部扩展库(external library)。 2/如果依赖不存在,或者引入顺序错误,应用程序将无法正常运行。 3/如果依赖被引入但是并没有使用,浏览器将被迫下载无用代码。假设a,b两个文件存在依赖关系,b依赖于a,如果在a 文件之前存在与a文件的原创 2017-10-12 09:26:33 · 1773 阅读 · 0 评论 -
关于webpack,babel,以及es6和commonJS之间的联系
在这里理清一下以上几个概念以及他们之间的关系。现在的浏览器很多都不支持es6的语法,或者仅仅是部分支持,比如你用.360浏览器,你会发现它支持let却不支持箭头函数等。babel就承担了“翻译”的角色,把es6的写法转换成es5的写法。 但是有些人可能在一个项目中单独安装完babel,并成功生成了新的文件后,发现导入这个文件到浏览器中却报错了。其中很有可能被误导的是 import这个关键词。实际上原创 2017-11-15 17:57:34 · 5036 阅读 · 1 评论 -
关于如何使用webpack命令行传入变量,并在全局通过process.env来调用
关于这个问题着实让人头疼。对于大型的项目而言,配置太过复杂了。以下是我的需求场景及【解决方案】由于当前的项目是在开源DEMO的基础上做的。所以里面的很多webpack配置我都不熟,简直让我生不如死。需求 原本的DEMO分成 dev环境和pro环境。 在打包的时候一定是pro环境,这个打包并不是单纯的webpack打包。而是把程序打包成 PC应用【electron】。 原本DEMO的...原创 2018-07-27 11:31:44 · 20456 阅读 · 1 评论 -
webpack 多页面打包,css不完整的问题
在webpack多入口文件配置中,如果使用了ExtractTextPlugin插件,则需要指定多个输出,否则每个入口作为一个chunk会覆盖掉后面打包的内容。所以可以写成:new ExtractTextPlugin('[name].css')这样就会根据入口名来打包成N个CSS文件...原创 2018-08-21 17:06:44 · 1505 阅读 · 0 评论