为了方便维护和交流,文档统一迁移到语雀: https://yuque.com/easy-team. 该文档不再更新维护

基于 Webpack 原始配置构建

Webpack 原始配置编写

// webpack.config.js const easywebpack = require('easywebpack-html'); const webpack = easywebpack.webpack; const merge = easywebpack.merge; const env = process.env.BUILD_ENV; const baseWebpackConfig = easywebpack.getWebpackConfig({ env, // 根据环境变量生成对应配置,可以在 npm script 里面配置,支持dev, test, prod 模式 entry: 'src/page', template: 'src/view/layout.html', // html 模板 loaders: { eslint: false // 举例 }, plugins:{ imagemini: false // 举例 } }); // 拿到基础配置, 可以进行二次加工 const webpackConfig = merge(baseWebpackConfig, { // 自定义配置 }) module.exports = webpackConfig; 

package.json

 { "script" :{ "build:dev": "cross-env BUILD_ENV=dev NODE_ENV=development webpack --config webpack.config.js", "build:test": "cross-env BUILD_ENV=test NODE_ENV=development webpack --config webpack.config.js", "build": "cross-env BUILD_ENV=prod NODE_ENV=production webpack --config webpack.config.js" } }