webpack.config.js配置和package.json

• webpack.config.js

const path = require('path')
module.exports = {
  entry:'.src/main.js',  //入口
  output:{ //出口
    path: path.resolve(__dirname,'dist'), //绝对路径，这个路径是要动态获取的，这需要用到Node.js中的path模块，如果你的项目中没有Node.js的包，你可以cd到你对应的项目中，然后运行npm init命令，然后在你的终端中输入npm的配置，这样就会帮你生成一个package.json
    filename: 'bundle.js'   //要打包的文件
  }
}

• package.json

{
  "name": "meetwebpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "author": "",
  "license": "ISC"
}

如果你想打包你的配置，你可以在对应的项目下面运行自动构建的命令

npm run build

运行这个命令就可以自动构建你的项目，不管你的项目的配置文件是不是叫webpack.config.js还是其它别的名字,你执行这个build命令的时候实际上是通过package.json中的scripts命令去映射的。这样你只需要改你的build命令的映射就可以了。这样你就可以首先去找本地的webpack的包，而不是找你全局的webpack的包。