Webpack 原始配置编写

// webpack.config.js
const easywebpack = require('easywebpack-vue');
const webpack = easywebpack.webpack;
const merge = easywebpack.merge;
const env = process.env.BUILD_ENV;
const baseWebpackConfig = easywebpack.getWebpackConfig({
    env, // 根据环境变量生成对应配置,可以在 npm script 里面配置,支持dev, test, prod 模式
    target : 'web', // target: web 表示只获取前端构建 Webpack 配置
    entry:{
        app: 'src/index.js'
    }
});

// 拿到基础配置, 可以进行二次加工
const webpackConfig = merge(baseWebpackConfig, { 
  // 自定义配置
})

module.exports = webpackConfig;

使用 webpack-cli 构建: webpack --config webpack.config.js

easywebpack-cli 模式配置编写

// webpack.config.js
module.exports = {
  framework: 'vue', //  表示使用 easywebpack-vue 方案构建
  target : 'web', // target: web 表示只获取前端构建 Webpack 配置
  entry:{
    app: 'src/index.js'
  }
}

使用 easywebpack-cli 构建:easy build dev easy build test easy build prod


Author: sky
Reprint policy: All articles in this blog are used except for special statements CC BY 4.0 reprint polocy. If reproduced, please indicate source sky !
 Previous
公共提取 公共提取
Webpack CommonsChunk 公共代码提取easywebpack 4.10.0 开始,底层通过 optimization 实现公共提取,支持公共 js 和 css 提取, 提取的公共 chunk 文件名默认为 common . 默认是提取的是 node_modules 下依赖...
2019-10-20 sky
Next 
TypeScript TypeScript
TypeScript 构建支持在用 TypeScript 编写 Vue 应用时, Vue 里面的 TypeScript 代码建议不要写在 Vue 文件里面,请以单独 ts 文件存放 TypeScript 代码。目前测试发现与 thread-loader 一起使用是有问题的。easywebpac...
2019-10-20 sky