vue中设置全局less文件

最新推荐文章于 2024-08-02 17:30:15 发布

hsyydy

最新推荐文章于 2024-08-02 17:30:15 发布

阅读量378

点赞数

文章标签： vue.js less javascript

本文链接：https://blog.csdn.net/weixin_52043516/article/details/124992085

版权

const path = require('path')

module.exports = {
    //关闭eslint
    lintOnSave:false,
    // 开启代理服务器
    // devServer:{
    //     proxy:'http://121.4.92.135:3000',
    // },
    publicPath:'/',
  
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
  },

}
function addStyleResource (rule) {
    rule.use('style-resource')
      .loader('style-resources-loader')
      .options({
        patterns: [
          path.resolve(__dirname, './src/assets/global.less'),//这是less文件的位置
        ],
      })
  
  }

在vue.config.js中添加，这个配置项