webpack踩坑记

1.output:{}书写是有规范的
项目目录如下：

|-reactapp
|--build
|--src
|----assets
|----components
|----utils
|----index.html
|----index.js
|--node-modules
|--package.json
|--README.md
|--webpack.config.js

webpack.config.js:

module.exports ={
    ......
    entry: path.resolve(__dirname,'./src/index.js'),
    output:{
        path: path.resolve(__dirname,'build'),
        filename: './build.js'
    },
    ......
}

注意：output:{}。这样书写path和filename，运行npm run build可以在build/目录下生成build.js文件，但是运行npm run dev不能在build/目录下生产文件，运行npm run dev生产文件的位子为filename指定的位置，所以上面代码运行npm run dev 后会在更目录（reactapp）下生产build.js文件。
要想在build文件目录下生成build.js文件，应：

module.exports ={
    ......
    entry: path.resolve(__dirname,'./src/index.js'),
    output:{
        path: path.resolve(__dirname),
        filename: 'build/build.js'
    },
    ......
}