Question

我正在尝试使用webpack少编译成CSS

对于较少的加载程序，我的模块构建失败

 near lines:
   /* this is a comment */
   @import '~/styles/obj.less';

我不想删除〜，并且我已经阅读到Webpack 4认为这在节点模块文件夹中？我也不想从import语句中添加.less。我试图了解如何使用波浪号而不破坏构建并寻找解决方案。

这是我的webpack配置规则部分

    config.module.rules.push({
    test: /\.less$/,
    include: path.resolve(__dirname, '../src/'),
    use: [
        {
            loader: "style-loader"
        },

        {
            loader: "css-loader",

        },
        {
            loader: "less-loader", // compiles Less to CSS
        }
    ]
});

Answer 1

在波浪号（〜）后面不要使用斜杠，否则它将解析到当前文件夹中。

因此，假设您的node_modules中有一个名为“样式”的模块，那么您需要：

@import '~styles/obj.less';

较少装载程序的模块构建因〜import而失败

1 个答案: