在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ px2rem-loader @import 引入css 無法編譯

px2rem-loader @import 引入css 無法編譯

Vue中使用lib-flexible + px2rem-loader,外部引入css

<style src='../assets/style.css'>
  /* 能正常轉(zhuǎn)換 */
</style>
<style>
  @import url('../assets/style.css');
  /* 不能轉(zhuǎn)換 */
</style>
<style>
  @import '../assets/style.css';
  /* 不能轉(zhuǎn)換 */
</style>

已經(jīng)嘗試過按照 @冰揚(yáng) vue-cli 配置flexible 中所提示的配置importLoaders深度,深度等級(jí)從1-10依次嘗試,無效

utils.js 配置

const cssLoader = {
  loader: 'css-loader',
  options: {
    sourceMap: options.sourceMap,
      importLoaders: 10
    }
  }
const px2remLoader = {
    loader: 'px2rem-loader',
    options:{
      remUnit:75
    }
  }

function generateLoaders (loader, loaderOptions) {
    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader,px2remLoader]
    if (loader) {
      loaders.push({
        loader: loader + '-loader',
        options: Object.assign({}, loaderOptions, {
          sourceMap: options.sourceMap
        })
      })
    }

無效解決辦法:(目前看起來這個(gè)方式是最靠譜的,但是無效)

1.增加postcss-pxtorem

如何使@import方式引入的樣式,成功被px2rem-loader正常轉(zhuǎn)換為rem,感謝各位大神,

回答
編輯回答
傻丟丟

額,我寫的時(shí)候loaders還不是三目運(yùn)算符,后來更新了,我也沒改,前后都加上px2remLoader,就沒問題了

圖片描述

2017年5月16日 05:38