postcss-px2rem-exclude不影響第三方庫樣式 vue vux

1、npm install postcss-px2rem-exclude --save

"postcss-px2rem-exclude": "0.0.6",

項目里使用 .postcssrc.js

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {},
    "postcss-px2rem-exclude": {
      remUnit: 75,
      exclude: /node_modules|folder_name/i
    }
  }
}

2、npm install less less-loader --save-dev

"less": "^3.10.3",
"less-loader": "^5.0.0",

3、npm install vux --save

npm install vux-loader --save-dev

"vue-video-player": "^5.0.2",
"vux": "^2.9.4"

"vux-loader": "^1.2.9",
在項目里使用
webpack.base.config.js

const vuxLoader = require('vux-loader')

module.exports = {...} // 改成

const webpackConfig = {...}

 // 后面添加

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ['vux-ui']
})

main.js

...
import { Popup, DatetimeView } from 'vux'
import 'vux/src/styles/reset.less'

Vue.component('popup', Popup)
Vue.component('datetime-view', DatetimeView)

4、import 'lib-flexible/flexible'

"lib-flexible": "^0.3.2",

main.js

import 'lib-flexible/flexible'