이 자습서의 웹팩 버전 : 4.46.0
webpack.config.js 구성은 다음과 같습니다.
const path = require('path')
//module.exports是commonjs语法
module.exports = {
entry: './src/index.js',
output: {
filename: 'built.js',
path: path.join(__dirname, 'build')
},
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
'css-loader'
]
}
]
},
plugins: [],
mode: 'development'
}
적은 파일을 도입하십시오. 구성이 없으면 실행 webpack -c .\webpack.config.js
시 오류가보고됩니다.
다음을 구성해야합니다 less-loader
.
{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
'less-loader'
]
}
그런 다음 설치 less-loader
하고less
npm i less-loader less -D
성공!