目录 上节： source-map 上节目录如下： 概念 官方：描述移除 JavaScript 上下文中的未引用代码。也就是希望webpack在打包时把没用到的函数删掉，最常见的就算第三方函数库：lodash,date-fns等。 新建src/js/math…

在此之前，首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别；简单来说在 entry 定义的入口文件走的就是 filename 配置项，在入口文件内部引入的通常情况下是 chunk，走 chunkFilename 的配置

目录 上节：使用loader之打包样式下 首先删除bundles, 删完后目录如下： 之前每次都要 npm run build后才能看打包后的效果，在开发阶段是不可能这么干地，我们需要一个能使代码及时生效的功能。webpack自带的webp…

目录 上节：使用loader之打包样式上 目录结构如下： postcss {代码…} 这里就示范其中一个添加浏览器前缀的插件：autoprefixer 首先浏览器运行上节打包后的代码，即bundles/index.html查看图片样式： 现在css3没…

在 babel7 中，已经废弃了之前的阶段性提案，现在统一使用 @babel/preset-env。所以呢，这里倒是省去了一些麻烦。在 webpack 配置中 preset-env 配合 babel-loader 就可以转换 ES2015+ 语法了。同时，官方建议我…

可以在vue-cli创建的项目目录config/index.js，找到dev.proxyTable属性，在上面写代理域名即可

参考： {代码…} 说明： {代码…} 创建library： 基础知识准备 {代码…} 步骤： 创建目录并安装相关工具 {代码…} 添加文件 {代码…} 安装babel-loader {代码…} 修改package.json {代码…} 测试browser {…

hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程，一个项目的打包优化与否都决定了你这个项目的运行速度以及用户体验。本次主要是针对vue.config,js的配置…

app.use(path, router/callback) 也可以实现, path不接受正则，会匹配以path开头的路径

首先第一个主角 babel-loader,给babel-loader 加一个参数即可cacheDirectory: true。相关的配置还有 cacheIdentifier 和 cacheCompression，cacheIdentifier 是给 cache 配一个标识，cacheCompression 是babel-lo…