weixin_39357177的博客

（一）缩⼩⽂件范围 Loader使用include exclude配置项来缩⼩loader的处理范围，推荐使用include { test: /\.css$/, include: path.resolve(__dirname, "./src"), use: ['style-loader', 'css-loader'], },（二）优化resolve.modules配置resolve.modules⽤于配置webpack去哪些⽬录下寻找第三⽅模

（一）优化resolve.alias配置resolve.alias配置通过别名来将原导⼊路径映射成⼀个新的导⼊路径，减少查找过程resolve: { alias: { // 引入vue的时候，直接指向vue打包好之后的文件 // 比如import Vue from 'vue/dist/vue.common.js'--> import Vue from 'vue' vue$: "vue/dist/vue.esm.js", // 减少查找过程 起

在一个全英文目录下新建一个全英文的文件夹以命名为webpack为例，进入该文件夹里面shift+鼠标右键，点击在此处打开命令行安装webpack：npm install --save-dev webpack如果你使用的webpack 4+ 版本，还需安装cli：npm install --save-dev webpack-cli等待安装完成，输入以下命令：webp...