Vue.js + Webpack множественный выход tas tas

Question

У меня есть несколько компонентов vue.js, написанных в формате одной страницы.

Для каждого файла .vue у меня меньше письменной информации для этой страницы.

После связывания у меня есть несколько тегов стиля, которые заполняют пространство глобального стиля. Таким образом, некоторые из моих классов перекрываются на разных страницах.

ли это требуемая функциональность с vue.js и WebPack?

Answer 1

Это поведение по умолчанию для vue-loader (который является основным плагином в шаблоне vue-webpack).

Однако, если вы хотите вы можете извлечь все CSS в один файл:

npm install extract-text-webpack-plugin --save-dev 

---

// webpack.config.js 
var ExtractTextPlugin = require("extract-text-webpack-plugin") 

module.exports = { 
    // other options... 
    module: { 
    loaders: [ 
     { 
     test: /\.vue$/, 
     loader: 'vue' 
     }, 
    ] 
    }, 
    vue: { 
    loaders: { 
     css: ExtractTextPlugin.extract("css"), 
     // you can also include <style lang="less"> or other langauges 
     less: ExtractTextPlugin.extract("css!less") 
    } 
    }, 
    plugins: [ 
    new ExtractTextPlugin("style.css") 
    ] 
} 

Отъезд документы о vue-loader относительно добычи.