新版本的webpack 的html-webpack-plugin 使用后会直接生成在index.html里
$ webpack -v
2.2.1
$ webpack -v
2.2.1
2017-04-16
$ webpack hello.js hello.bundle.js
Hash: 4ca6ba2ec4e4f2ccf343
Version: webpack 2.4.1
Time: 56ms
Asset Size Chunks Chunk Names
hello.bundle.js 2.89 kB 0 [emitted] main
[0] ./style.css 0 bytes {0} [built]
[1] ./world.js 39 bytes {0} [built]
Hash: 4ca6ba2ec4e4f2ccf343
Version: webpack 2.4.1
Time: 56ms
Asset Size Chunks Chunk Names
hello.bundle.js 2.89 kB 0 [emitted] main
[0] ./style.css 0 bytes {0} [built]
[1] ./world.js 39 bytes {0} [built]
2017-04-15
module.exports={
entry:{
main:"./src/script/main.js",
a:"./src/script/a.js"
},//打包的路口
output:{
//filename:"./dist/bundle.js"//打包的文件名
filename: './dist/[name]-[hash].js'
}
};
entry:{
main:"./src/script/main.js",
a:"./src/script/a.js"
},//打包的路口
output:{
//filename:"./dist/bundle.js"//打包的文件名
filename: './dist/[name]-[hash].js'
}
};
2017-04-15
module.exports={
entry:{
main:"./src/script/main.js",
a:"./src/script/a.js"
},//打包的路口
output:{
//filename:"./dist/bundle.js"//打包的文件名
filename: './dist/[name].js'
}
};
最后成功的代码
entry:{
main:"./src/script/main.js",
a:"./src/script/a.js"
},//打包的路口
output:{
//filename:"./dist/bundle.js"//打包的文件名
filename: './dist/[name].js'
}
};
最后成功的代码
2017-04-15
讲得很好，全面，有细节，有扩展，思路清晰。谢谢abaty。需要注意的是，由于webpack版本升级的原因，课上某些用法已经不再适用。课上用的是webpack1，现在webpack升级到了webpack2。所以总结一下用法变化（坑），给后面的同学提个醒，主要以下几点：
1、路径变化，webpack2的entry和output需要使用绝对路径，不然报错。
2、loader使用方法的变化：
3、对于在css中需要用到@import时，css-loader和 postcss-loader配置出现变化。
字数所限，整理后，下次贴代码详情。
1、路径变化，webpack2的entry和output需要使用绝对路径，不然报错。
2、loader使用方法的变化：
3、对于在css中需要用到@import时，css-loader和 postcss-loader配置出现变化。
字数所限，整理后，下次贴代码详情。
2017-04-15
