La versión del paquete web de este tutorial: 4.46.0
Nuestra configuración webpack.config.js es la siguiente:
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'
}
Introduce un archivo menos, si no hay configuración webpack -c .\webpack.config.js
se reportará un error al ejecutar :
Necesitamos configurar less-loader
:
{
test: /\.less$/,
use: [
'style-loader',
'css-loader',
'less-loader'
]
}
Luego instale less-loader
yless
npm i less-loader less -D
¡éxito!