摘要：
这玩意儿看完文档，加上大佬的解释，其实就是个错误追踪，能够告诉浏览器那里出错了，那个文件报错了，可以具体到哪一个文件，哪一行 开发环境和生成环境是不一样的，生产环境可以不配置source map，但是开发环境可以配置一下，因为source map会影响浏览器加载，文件太大了，不过也可以在生产环境中配 阅读全文
摘要：
在配置webpack的过程中，我们发现，dist文件里面有很多我们不需要的文件，或者是之前产生的垃圾文件，所以需要插件帮我自动清理这些文件，只生成我们用到的文件 按照webpack官网，我们配置完成发现，其实那个配置错的，这个插件传参必须是对象，不能是数组 官网操作，很多网上的资料的操作也是这个 运 阅读全文
摘要：
插件目的在于解决 loader 无法实现的其他事 这里以 插件为例，这个是输出html文件的 然后就可以在插件里面配置了 js // webpack.config.js plugins: [ new HtmlWebpackPlugin({ title: '练习', // 这个是html页面的titl 阅读全文
摘要：
这里以css为例 安装完成后的配置可以参考另一篇文章 配置完成后，我们就可以在index.js里面import引入scss文件 配置完成后我们就可以运行 接下来就可以在app.bundle.js文件里面搜索我们在scss文件里面写的样式，标明成功了，但是这个css是嵌在js里面的，后面我们需要通过方 阅读全文
摘要：
一、配置环境类型 通过配置mode来告诉webpack当前运行的环境 有三个选项， ，`production(生产环境) development(开发环境)` 二、配置环境(必须，特殊) 配置mode，必须在webpack的内置插件里面配置一下环境 三、判断环境 全局可以通过 来获取当前运行环境 四 阅读全文
摘要：
一、配置输出文件 输出口必须是个对象，因为它必须有两个属性： 输出出去的文件的名字，一般都是bundle.js 文件要输出出去到哪里，一般都是dist文件 上面这个是单页面入口配置时的设定，在入口配置那里我们提到了多页面引用，那如果我们是多页面引用，那上面这个输出就不行了，这时可以这样配置： Tip 阅读全文
摘要：
一、配置入口文件 在 文件配置入口文件 这里我们可以src里面新建几个js文件，作为入口文件输出 entry后面可以是入口文件路径的字符串 也可以是数组，数组会把多个路径整合到一个文件里面 也可以是对象，对象就相当于每个入口文件会被单独输出 正常的一般下面这种写法： 但是我们还是参照vue的写法 这 阅读全文
摘要：
一、新建项目 切换到项目里面 二、初始化项目 三、安装webpack 不推荐全局安装 四、安装webpack cli 如果是webpack 4.0及以上版本，在安装webpack的同时还需要安装webpack cli 五、配置package.json 1、配置私有安装包 去掉package.json 阅读全文
摘要：
一、入门级挖坑 在项目中使用css的第一步，就是要在webpack里面配置相应的解析loader，因为webpack只能解析js文件，对于.css，.vue，.jsx，.json等这些文件它不会读，所以我们要安装loader来帮助一下 所有loader都是在 文件里的 数组里面配置的 Tips 每个 阅读全文