随笔分类 -  webpack

摘要： 阅读全文

摘要：场景：SPA？如果是要打包多页面应用。不同页面引用不同js 1，entry:{ app:.., other } 2, output : { filename: [name].[contentHash].js } 3, plugins: [ new HtmlWebpackPlugin({ templa 阅读全文

摘要：1，拆分配置 和 merge 2，启动本地服务 3，处理ES6 babel 4，处理css：loader style-loader css-loader postcss-loader 兼容性 5，处理图片 阅读全文

摘要：一，插件plugins：转换插件和语法插件。 如下：仅支持转换箭头函数，如果想将其它的新的JS特性转换成低版本，需要使用其它对应的 plugin 。如果我们一个个配置的话，会非常繁琐，因为你可能需要配置几十个插件，所以。。预设。 //.babelrc {"plugins": ["@babel/plu 阅读全文

摘要：二，Tree shaking （生产模式默认启用，由TerserPlugin） 上下文未用到的代码，不会被打包 要基于ES6：import export。 sideEffects：不需要被Tree shaking的文件,需要列出来，有可能误删代码，如模块中的css，全局变量等。 // package 阅读全文

摘要：步骤一，因为打包最终生成的bundle，可能有多个。所以通过如下方式管理输出的资源： module.exports = { entry: { app: './src/index.js', print: './src/print.js' }, output:{ filename: '[name].bu 阅读全文