rollup-plugin-postcss 不支持less imports的两个解决方案

8,481 阅读24分钟

报错信息如下:

(postcss plugin) Error: '~@xxxxx/src/index.less' wasn't found.

官方声明 less 不支持:

本质是无法解析 ~ , 只需要为~配置alias到node_modules即可。

方案一,亲测可用

Rollup Plugin Postcss Webpack Alias Less Loader

plugin页面: developer.aliyun.com/mirror/npm/…

使用:

const rollupPostcssLessLoader = require('rollup-plugin-postcss-webpack-alias-less-loader');

const path = require('path');

const NODE_MODULE_PATH = path.resolve('../../node_modules');

module.exports = {

rollup(config, options) {

config.plugins = [

...config.plugins,

postcss({

loaders: [

rollupPostcssLessLoader({

nodeModulePath: NODE_MODULE_PATH,

aliases: {},

}),

],

}),

];

return config;

},

};

less-plugin-npm-import

issue见 github.com/egoist/roll…