webpack vueコンパイラ.net mvc5環境の1ファイル

Question

コンパイルにVue.jsとwebpackを使用しているMVC5 .Netソリューションがあります。プロジェクトの初期段階で、別の.jsファイルで.vueをコンパイルすることに決めました。しかし、現在20以上の.vueファイルで、それは痛みです。私の質問は次のとおりです：

このwebpack設定を単一の.jsファイルでコンパイルするにはどうすればよいですか？

const fs = require("fs"); 
const path = require("path"); 

// build an object that looks like 
// { 
//  "filename": "./filename.vue" 
// } 
// to list the entry points for webpack to compile. 
function buildEntry() { 
    const reducer = (entry, file) => { entry[file.split(".").shift()] = 
`./Vue/${file}`; return entry; }; 

    return fs.readdirSync(path.join(__dirname, "Vue")) 
     .filter(file => file.endsWith(".vue")) 
     .reduce(reducer, {}); 
} 

module.exports = { 
    entry: buildEntry(), 
    output: { 
     path: path.join(__dirname, "Vue"), 
     filename: "[name].js", 
     library: "[name]" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.vue$/, loader: 'vue-loader' }, 
     ], 
    } 
} 

Answer 1

単一のエントリポイントを使用するとよいでしょう。 これを行うには、インポートを使用するJSファイル、またはアプリケーションに必要なものを必要とするJSファイルがあります。

独立した小さなVueアプリが複数ある場合は、複数のウェブパック設定を行う必要があります。

編集：私は非常にあなたが彼らのテンプレートからの基本的なプロジェクト設定にVueのCLIを使用して、WebPACKのセットアップと、このようなを理解するために、それに掘りをお勧めします。 https://github.com/vuejs-templates/webpack/tree/develop/template。