鍍金池/ 問(wèn)答/HTML/ webpack配置less報(bào)錯(cuò)

webpack配置less報(bào)錯(cuò)

rules: [
      {
        test: /\.css$/,
        use: [{
          loader: "style-loader" 
        }, {
          loader: "css-loader" 
        }]
      },
      {
        test: /\.less$/,
        use: [{
          loader: "style-loader" 
        }, {
          loader: "css-loader" 
        }, {
          loader: "less-loader"
        }]
      }
      ]
WARNING in ./node_modules/css-loader!./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./node_modules/style-loader!./node_modules/css-loader!./node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./src/routes/login/index.less
Module build failed:


var content = require("!!../../../node_modules/css-loader/index.js!../../../node_modules/_less-loader@4.1.0@less-loader/dist/cjs.js!./index.less");
          ^
Unrecognised input
回答
編輯回答
笑忘初

<style lang="less">
@import '../../../less/index.less';
</style>

2017年7月29日 02:16
編輯回答
葬憶

因?yàn)槟闾峁┑男畔⑻伲也聹y(cè)是你執(zhí)行build命令，因?yàn)槲募胠ess文件的時(shí)候出錯(cuò)了。正確的方式是
<style lang="less" rel="stylesheet/less">
@import '../../../less/XXX.less';
</style>

2017年6月22日 04:01