1,下载node.js然后解压,最后在系统变量path那里配置解压路径即可,webpack是依赖node.js的
2,然后下载webpack,下载到node.js的解压目录即可,在命令行输入npm install webpack -g 回车即可。
3,打包css文件需要安装相关文件,也是安装到node.js解压目录即可,在命令行输入npm install css-loader style-loader -g即可。
4,打包字体文件需要安装相关文件,输入命令npm install file-loader -g即可。
5,打包图片需下载:npm install url-loader -g
基础教程链接:http://www.runoob.com/w3cnote/webpack-tutorial.html
配置文件:
module.exports = {
entry: "./runoob1.js",
output: {
path: __dirname,
filename: "bundle.js"
},
module: {
loaders: [
{ test: /\.css$/, loader: 'style-loader!css-loader' },
{
test: /\.(png|jpg|gif|eot|woff|ttf|svg)$/,
loader: 'url-loader?limit=8192'
}
]
}
};
2,然后下载webpack,下载到node.js的解压目录即可,在命令行输入npm install webpack -g 回车即可。
3,打包css文件需要安装相关文件,也是安装到node.js解压目录即可,在命令行输入npm install css-loader style-loader -g即可。
4,打包字体文件需要安装相关文件,输入命令npm install file-loader -g即可。
5,打包图片需下载:npm install url-loader -g
基础教程链接:http://www.runoob.com/w3cnote/webpack-tutorial.html
配置文件:
module.exports = {
entry: "./runoob1.js",
output: {
path: __dirname,
filename: "bundle.js"
},
module: {
loaders: [
{ test: /\.css$/, loader: 'style-loader!css-loader' },
{
test: /\.(png|jpg|gif|eot|woff|ttf|svg)$/,
loader: 'url-loader?limit=8192'
}
]
}
};