第一步:配置打包后的文件夾(build)的路徑( 相對于webpack.config.js文件的相對路徑 );即打包文件夾的位置的路徑
var buildPath = path.resolve( __dirname, './app/build');
第二步:主文件的路徑(./代表同級目錄)
entry: {
index : './app/App.jsx'
},
第三步:構(gòu)建輸出文件窃款;
output: {
path: buildPath,
filename: 'bundle.js',
},
第四步:resolve屬性性中的extensions數(shù)組中用于配置程序可以自行補全那些文件后綴平匈;
resolve:{
extensions: ['', '.js', '.json', '.css', '.less']
},
第五步:執(zhí)行npm webpack命令進行打包框沟;
項目最上面多出了.app(build)文件夾;這樣就證明打包完成了增炭;