安装
初始化
npm init -y
安装webpack在上一步初始化的目录中
npm install webpack webpack-cli --save-dev
可以简写成 npm i webpack webpack-cli -D
手动创建 webpack.config.js文件
配置webpack.config.js文件
let path = require('path');
module.exports = {
entry:path.resolve('a.js'), // 入口文件
output:{
filename: 'xxx', // 输出文件名
path:path.resolve('b.js') // 输出文件路径
},
module:{
rules:[{
test:/\.css$/, // 以.css结尾的文件用下面的加载器加载
use:[{loader:'css-loader'},{loader:'style-loader'}] // 使用的加载器(加载器也需要安装)
}]
}
配置package.json
"scripts": {
"dev": "webpack --mode development"
},