配置css预处理
- 安装less-loader postcss-loader autoprefixer,可编译less以及自动加css前缀
npm install less-loader postcss-loder autoprefixer --save-dev
const path = require('path')
const HtmlWebpackPlugin = reqiure("html-webpack-plugin")
const MinCssExtractPlugin = require("min-css-extract-plugin")
module.export = {
entry: {
index: './src/index.js'
},
output: {
path: path.resolve(process.cwd(), "dist"), //打包后文件位置
filename: '[name].[chunkHash].js' //打包后文件+hash值
},
module: {
rules: [{ //配置css
test: /\.css$/,
use: [
MinCssExtractPlugin,
'css-loader',
'postcss-loader'
]
},
{ //配置less
**test: /\.less$/,
use: [
MinCssExtractPlugin,
'css-loader',
'postcss-loader'
{
loader: "less-loader",
option: {
// 此处可配