简单说明externals这个属性，常用来做cdn的功能，在打包的时候不打包指定的库，比如vue，jquery，然后在html文件部分，手动引入库的cdn链接，但是，你在开发的时候，你还是需要npm或者yarn安装这个库，import引入使用，只是打包的时候会自动剔除。简单示例webpack.config.jsmodule.exports = { externals: { uikit: "UIkit", } }可以看到，externals是一个对象，对象里面有key和value，其中key的值就是package.json里面，安装的包的名字。而valu...

问题多页面打包后，生成的script.php中包含了所有页面的js文件引入多页面打包后，生成的css.php中包含了所有页面的css文件引入解决方案个人判断是再new HtmlWebpackPlugin进行处理的时候出现了问题，他无法分辨被打包的页面是谁的。那么在HtmlWebpackPlugin中唯一区分的属性，就是chunks。但是在官方文档中，并没有声明他的类型。然后百度的文章，有两种：chunks:"xxxx"chunks:["xxxx","xxxx"]根据以往的经验，第一种应该是用于唯一值得情况，如果有多个则使用数组，...

图片处理yarn add url-loader file-loader --dev很多人教程都莫名其妙，一张嘴就说推荐使用url-loader解析器，但是闭嘴不提url-loader是基于file-loader的，所以用url就必须两个都装，否则一旦你设置了url的limit限制文件大小，文件超出设置得大小后，就会报file-loader不存在的错误。webpack.config.jsmodule.exports = (env, argv) => ({ //模块-解析器loader module: { rules: [ //图片文件 { ...

初始化安装yarn init yarn add webpack webpack-cli --devwebpack建议全局安装，省事yarn global add webpack webpack-cli如果不适用全局安装，直接在终端运行本项目的webpack需要使用npx命令npx webpack -v还有一个种办法就是在package.json创建快捷npm脚本，这样就不用加npx前缀了{ "scripts": { "build": "webpack" }, }使用scssyarn add style-loade...