最近使用vue開發(fā)的時(shí)候遇到了一個(gè)很棘手的問題 由于組件很多 在路由的時(shí)候會(huì)發(fā)生樣式錯(cuò)亂 后來查了一下 是因?yàn)闆]有給每個(gè)組件里的style加scoped屬性
我加上了之后 確實(shí)可以解決這個(gè)問題 但是項(xiàng)目里難免需要用到一些插件 問題就是加了scoped屬性之后 這些插件的樣式就不生效了 我也改不了插件的樣式
研究了一下 估計(jì)應(yīng)該是需要弄個(gè)全局的less文件 在這個(gè)文件里定義全局樣式 但是問題是我該怎么引入這個(gè)全局的樣式文件呢 因?yàn)槲沂前堰@個(gè)文件放在了src/assets/less目錄下 如果我是在組件的style里引入肯定不行 因?yàn)閟tyle已經(jīng)加了scoped 如果是在script引入 它會(huì)報(bào)錯(cuò) script里引入樣式文件 估計(jì)是只能引入node_modules里面的
這該怎么解決呢
import 'assets/less/global.less'

module: {

rules: [{
    test: /\.vue$/,
    loader: 'vue-loader',
    options: vueLoaderConfig
  },
  {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [resolve('src'), resolve('test')]
  },
  {
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('img/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('media/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }
  },
  {
    test: /iview.src.*?js$/,
    loader: 'babel-loader'
  },
  {
    test: /\.js$/,
    loader: 'babel-loader',
    exclude: /node_modules/
  },
  {
    test: /\.less$/,
    loader: "style-loader!css-loader!less-loader"
  }
]

}