已解決430363個問題，去搜搜看，總會有你想問的

webpack+vue-loader 如何提取公共css文件

首頁猿問 webpack+vue-loade...

webpack+vue-loader 如何提取公共css文件

JavaScript

嗶嗶one 2018-09-12 10:10:26

weback和vue，使用vue-loader的方式開發多pc頁面參考藍狐的多頁面框架 https://github.com/bluefox168...嘗試可以構建，公共js沒有問題。但是公共css沒有分離處理，所有css都是相對應的一個css文件.過程如下：嘗試在每個頁面的入口文件js中添加，失敗，沒有變化。嘗試在每個vue文件中的script標簽中假如，失敗，沒有變化。嘗試在每個vue文件中的style標簽中加入，失敗，公共css和單獨css合并...請問各位前輩們有什么辦法解決或者處理嗎？

查看完整描述

1 回答

撒科打諢

TA貢獻1934條經驗獲得超2個贊

需要借助于webpack的插件extract-text-webpack-plugin。

你可以研究一下。

給你個webpack配置文件的參考

var path = require('path')

var webpack = require('webpack')

var ExtractTextPlugin = require('extract-text-webpack-plugin')

module.exports = {

target: 'atom',

entry: {

app: './app/app.js',

output: {

path: './build',

filename: '[name].js',

module: {

loaders: [{

test: /\.vue$/,

loader: 'vue'

}, {

test: /\.css$/,

loaders: ExtractTextPlugin.extract("style", "css")

}, {

test: /\.js$/,

exclude: /(node_modules|bower_components)/,

loader: 'babel'

}, {

test: /\.json$/,

loader: 'json'

}]

plugins: [

new ExtractTextPlugin('app.css')

vue: {

loaders: {

css: ExtractTextPlugin.extract("css")

}

提取出來的文件就是app.css

反對回復 2018-10-09

1 回答
0 關注
1602 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

webpack+vue-loader 如何提取公共css文件

webpack+vue-loader 如何提取公共css文件

1 回答

添加回答