使用webpack在vuejs中的單獨模板

Question

我正在關注VueJS。我已經看到了有關爲每個組件定義資源的文檔，但我寧願將模板文件與我的開發環境中的js文件分開。

我正在使用Webpack，所以我認爲應該可以將這些單獨的資源編譯在一起以便在運行時使用。

有沒有人在配置Webpack的時候做過這件事？我試過使用文本加載器來從我的js文件中需要html模板，但是隨後範圍的CSS被忽略。 這將是很高興有分離的CSS的選項。該文件似乎有利於Browserify這種方法。

Answer 1

您可以使用src屬性將組件分割爲多個文件。

<template src="./template.html"></template> 
<style src="./style.css"></style> 
<script src="./script.js"></script> 

Documentation