webapck配置

原文地址:https://webpack.docschina.org/api/cli/#%E7%8E%AF%E5%A2%83%E9%80%89%E9%A1%B9

通过设置--env=xxx,来设置环境变量,设置的方法很多样,可以参考链接上的讲解。

// package.json
{
  "name": "webpack4.x",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "nodetest": "set NODE_ENV=sekin && webpack",
    "build": " cross-env NODE_ENV=hello webpack ",
    "start": "webpack --env=production"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "cross-env": "^5.1.5",
    "webpack": "^4.6.0",
    "webpack-cli": "^2.0.15"
  }
}

然后在webapck 配置文件webpack.config.js

const path = require("path");

const PATHS = {
    app:path.join(__dirname,"src"),
    build:path.join(__dirname,"dist")
};

module.exports=function(env,argv){

    console.log("____________________");
    console.log(env);
    console.log("____________________");
    console.log(argv);

        return {
            entry: {
                main: PATHS.app,
            },
            mode: "development",
            output: {
                path: PATHS.build,
                filename: '[name].boundle.js'
            }
        };
}

Last updated