Vue中提取CSS是一個常見的做法,可以讓CSS更加易于管理和維護。以下是如何在Vue中使用CSS提取:
//1.在webpack配置文件中加入CSS提取插件 const ExtractTextPlugin = require("extract-text-webpack-plugin"); module.exports = { module: { rules: [ { test: /\.css$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader" }) } ] }, plugins: [ new ExtractTextPlugin("style.css"), ] } //2.在.vue文件中引入CSS文件//3.在.vue文件中使用提取出來的樣式Hello World<style src="./style.css"></style>//4.運行webpack編譯
以上是如何在Vue中使用CSS提取,這種方法可以讓開發者更加方便地管理和維護CSS,同時也可以提高網站的性能。