webpack 4.0 学习日志(二)——配置文件 webpack.config.js

1、创建webpack.config.js 位于项目根目录下。

touch webpack.config.js

文件内输入:

module.exports = {
  entry: './src/app.js', // 输入文件路径
  output: {
    filename: 'app.bundle.js'  // 打包输出文件,不用写“'./dist/app.bundle.js'”,直接写文件就可以自行生成./dist/app.bundle.js,
  }
};
2、打包命令

npm run build //命令之后自动生成/dist/app.bundle.js

由于在4版本后由于我们配置了 :

 "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },

所以webpack指令会报错

以上为初步了解下配置文件

你可能感兴趣的:(webpack 4.0 学习日志(二)——配置文件 webpack.config.js)