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'    },    ......}