vue3.0安装less

最新推荐文章于 2025-09-17 17:31:07 发布

原创最新推荐文章于 2025-09-17 17:31:07 发布 · 6.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#less

Vue.js 专栏收录该内容

50 篇文章

订阅专栏

本文详细介绍了如何使用cpnpmistyle-resources-loader插件配置Webpack，实现Less文件中变量的全局引入，通过style-resources-loader实现样式资源的加载。该配置允许在所有Less文件中自动包含指定路径下的变量文件，简化了样式开发流程。

cnpm i style-resources-loader -D

module.exports = {
    // ...
    module: {
        rules: [{
            test: /\.less$/,
            use: ['style-loader', 'css-loader', 'less-loader', {
                loader: 'style-resources-loader',
                options: {
                    patterns: path.resolve(__dirname, 'path/to/less/variables/*.less'),
                    injector: 'append'
                }
            }]
        }]
    },
    // ...
}