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

鍍金池/ 問答/HTML/ vue文件,如何提取css文件

vue文件,如何提取css文件

目前想把寫在*.vue文件中的style里的樣式提取到一個文件中,在網(wǎng)上查了,但是基本上沒有起到作用。

回答
編輯回答
孤星

假設(shè)在srcassets的目錄下有一個style文件夾,里面放一個test.css文件,這樣在.vue文件中引入方式為:

<style lang="css">
@import '~@/assets/style/test.css'
</style>
2018年4月25日 22:30
編輯回答
孤慣
// webpack.config.js
var ExtractTextPlugin = require("extract-text-webpack-plugin")
module.exports = {
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          extractCSS: true
        }
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("style.css")
  ]
}

通過這個方式可以將*.vue中的樣式提取到指定路徑,我沒有成功是因?yàn)関ue-loader的版本問題。

2017年12月12日 07:12