摘要：
由于 webpack 对 html 的处理不太好，打包 HTML 文件中的图片资源是相对来说最麻烦的。这里需要引用一个插件—— html-withimg-loder 阅读全文
摘要：
a.js: 一，commonjs同步： 二，commonjs异步加载： 根据 require.ensure([预加载模块项]，fn,文件名称) 语法，webpack实现了它，作用是可以在打包的时候进行代码分片，并异步加载分片后的代码： dist打包下js中的文件名称就是b.js 三，webpack自 阅读全文
摘要：
一，引入webpack插件 二，要确定cnpm install jquery --save,之后在入口文件引入jquery； 三， 这么打包之后jquery需要require才能用的，在入口的index.js中， 这样，打包到dist下的vendor.js中的jquery就可以引用了。 阅读全文
摘要：
打包第三方控件；比如jquery，angular，bootstrap。。。。 总结： 1，vendor则是通过提取公共模块插件来提取的代码块（webpack本身带的模块化代码部分），而manifest则是在vendor的基础上，再抽取出要经常变动的部分，比如关于异步加载js模块部分的内容。 2，我们 阅读全文
摘要：
一开始用url-loader的时候，想着为什么npm run build的时候，不能将图片打包到build images的目录下，原来，没有自己看这样的说明： 阅读全文
摘要：
Array.forEach() .forEach() 方法能够方便的让你 遍历数组里的每个元素，你可以在回调函数里对每个元素进行操作。.forEach()方法没有返回值，你不需要在回调函数里写return，这是无意义的。 Array.map() .map() 方法能够遍历整个数组，然后 返回一个新数 阅读全文
摘要：
1，rgba不兼容ie8; 第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下： 第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff； 阅读全文
摘要：
入口文件下对象的键值，不多说，上图： 其实app就等同于name,于是乎 dist下的index.html中引入的js，就是： 如果把app改为app2，就是这样的 所以，开发环境下引入的文件与dist下引入的脚本文件就能保持一致。 阅读全文
摘要：
一开始考虑到浏览器的缓存问题，所以给打包的文件都带了.[hash],但是，这之后，index.html文件中的引入并没有哈希值，所以，就用到了下面的信插件： html-webpack-plugin可以根据你设置的模板，在每次运行后生成对应的模板文件，同时所依赖的CSS/JS也都会被引入，如果CSS/ 阅读全文
摘要：
webpack.config.js里的内容是这样的，注意标红的地方： 首先，绝对路径'./dist'是 没有问题的 那么，查了很多，最后看到别人的webpack.config.js里面这样写着，现在const里面声明在用： 最后成功运行。 阅读全文