31 lines
713 B
TypeScript
31 lines
713 B
TypeScript
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
||
const isDev = process.env.NODE_ENV === 'development' // 是否是开发模式
|
||
|
||
const styleLoadersArray = [
|
||
isDev ? 'style-loader' : MiniCssExtractPlugin.loader, // 开发环境使用style-looader,打包模式抽离css
|
||
{
|
||
loader: 'css-loader'
|
||
}
|
||
]
|
||
|
||
export const cssLoader = {
|
||
test: /.css$/, //匹配 css 文件
|
||
use: styleLoadersArray
|
||
}
|
||
|
||
export const lessLoader = {
|
||
test: /\.less$/,
|
||
use: [
|
||
...styleLoadersArray,
|
||
{
|
||
loader: 'less-loader',
|
||
options: {
|
||
lessOptions: {
|
||
// 如果要在less中写类型js的语法，需要加这一个配置
|
||
javascriptEnabled: true
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|