安装Webpack之前建议先安装Node.js,然后采用npm的方式来安装Webpack:
npm install webpack -g
因为要用到angular,所以要安装angular:
npm install angular
还要安装一系列加载器(loader):
npm install style-loader css-loader url-loader sass-loader raw-loader
注意:除了webpack是全局安装之外,其他组件都是安装在app文件夹下面,会自动生成node_modules文件夹。
配置文件webpack.config.jsmodule.exports = {
context: __dirname + '/app',//上下文
entry: './index.js',//入口文件
output: {//输出文件
path: __dirname + '/app',
filename: './bundle.js'
},
module: {
loaders: [//加载器
{test: /\.html$/, loader: 'raw'},
{test: /\.css$/, loader: 'style!css'},
{test: /\.scss$/, loader: 'style!css!sass'},
{test: /\.(png|jpg|ttf)$/, loader: 'url?limit=8192'}
]
}
};