入门
更多
http://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/
http://zhaoda.net/webpack-handbook/module-system.html
webpack其实很简单，可以用一句话涵盖它的本质：
webpack是一个打包模块化js的工具，可以通过loader转换文件，通过plugin扩展功能。
webpack原理与实战 http://imweb.io/topic/59324940b9b65af940bf58ae
webpack整理：https://github.com/webpack-china/awesome-webpack-cn
笔记：
module.export = {
entry:{},
output:{
path: './dist',
filename: 'js/[name].bundle.js'
},
module:{
loaders: [
{
test: /\.js$/,
loader: 'babel',
exclude: './node_modules/',//不需要使用babel编译的目录
include: './src/',//指定需要编译的目录，加快编译速度
query: {
presets: ['latest']
}
},
{
test: /\.css$/,
loader: 'style-loader!css-loader?importLoaders=1!postcss-loader' //从右到左运行
//第二种写法
//loaders: [style-loader,css-loader,postcss-loader]
},
{
test: /\.less$/,
loader: 'style!css!postcss!less'
}
]
},
postcss: [
require('autoprefixer')({
broswers: ['last 5 versions']
})
],
plugin:[
]
};