配置less-loader遇到的問(wèn)題
module:{
rules: [
{
? ? test: /\.js$/,
? ? include: path.resolve(__dirname,'src'),
? ? exclude: path.resolve(__dirname,'node_modules'),
? ? use: {
? ? ? ? loader: 'babel-loader',
? ? ? ? options: {
? ? ? ? ? ? presets: ["latest"]
? ? ? ? }
? ? }
? ? },
? ? {
? ? test: /\.css$/,
? ? use:[
? ? 'style-loader',
? ? {
? ? loader:'css-loader',
? ? options:{
? ? importLoaders:1
? ? }
? ? },
? ? {
? ? /*可以處理瀏覽器兼容的問(wèn)題*/
? ? loader:'postcss-loader',
? ? options:{
? ? ident:"postcss",
? ? plugins:(loader)=>[require("autoprefixer")]
? ? }
? ? }? ? ? ? ? ??
? ? ]
? ? },
? ? {
? ? ? ? ? ? ? test:/\.less$/,
? ? ? ? ? ? ? use:[
? ? ? ? ? ? ? ? ? 'style-loader',
? ? ? ? ? ? ? ? ? 'css-loader',
? ? ? ? ? ? ? ? ? 'postcss-loader',
? ? ? ? ? ? ? ? ? 'less-loader'
? ? ? ? ? ? ? ]
? ? ? ? }
? ? ]
}
這是wepack3的配置，less和less-loader已經(jīng)安裝了，但是運(yùn)行會(huì)報(bào)錯(cuò)，錯(cuò)誤如下
但是如果我把less-loader配置中的'postcss-loader'去掉運(yùn)行就好了，這是問(wèn)什么?。坑袥](méi)有小伙伴可以指導(dǎo)一下
2018-02-08
postcss-loader需要配置，至于為什么我也不知道.....
const postcssConfig = {
? ?loader: 'postcss-loader',
? ?options: {
? ? ? ?plugins: (loader) => [
? ? ? ? ? ?require('postcss-import')({root: loader.resourcePath}),
? ? ? ? ? ?require('autoprefixer')() //CSS瀏覽器兼容
? ? ? ?]
? ?}
}
{
? ? ? ? ? ? ? ?test: /\.less$/,
? ? ? ? ? ? ? ?use: [
? ? ? ? ? ? ? ? ? ?'style-loader',
? ? ? ? ? ? ? ? ? ?'css-loader',
? ? ? ? ? ? ? ? ? ?postcssConfig,
? ? ? ? ? ? ? ? ? ?'less-loader'
? ? ? ? ? ? ? ?]
? ? ? ? ? ?}