鍍金池/ 問答/HTML/ antd 按需加載 自動(dòng)引入的less報(bào)錯(cuò)

antd 按需加載 自動(dòng)引入的less報(bào)錯(cuò)

使用babel-plugin-import按需加載 引用less報(bào)錯(cuò)

webpack.config.js

{
    test: /\.css$/,
    include: path.join(__dirname, '/node_modules/antd'),
    use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader', 'postcss-loader']
    })
}, {
    test: /\.less$/,
    include: path.join(__dirname, '/node_modules/antd'),
    use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader', 'postcss-loader', 'less-loader']
    })
}, {
    test: /\.scss$/,
    include: path.join(__dirname, '/node_modules/antd'),
    use: ExtractTextPlugin.extract({
        fallback: 'style-loader',
        use: ['css-loader', 'postcss-loader', 'sass-loader']
    })
}

.babelrc

{
      "presets": [
          "react", 
          "es2015",
           "stage-0",
      ],
      "plugins": [
        "transform-decorators-legacy",
        "transform-class-properties",
        "jsx-control-statements",
        ["import", {
          "libraryName": "antd",
          "libraryDirectory": "lib",
          "style": true, 
        }],
    ]
}

報(bào)錯(cuò)

clipboard.png

回答
編輯回答
熊出沒

不應(yīng)該把antd的less加進(jìn)去。
include: path.join(__dirname, '/node_modules/antd'),

2017年3月5日 01:27
編輯回答
款爺

看一下less-loader版本，@>4.0時(shí)，less-loader需添加options

{
    loader: "less-loader",
    options: {
        javascriptEnabled: true
    }
}
2017年10月2日 10:55