Vue.js/webpack不會創建構建文件？

這可能是一個愚蠢的問題，但到底是什麼。Vue.js/webpack不會創建構建文件？

我使用VUE-CLI webpack-simple模板，在這個項目的的WebPack配置，我覺得以下幾點：

output: { 
    path: path.resolve(__dirname, './dist'), 
    publicPath: '/dist/', 
    filename: 'build.js' 
    },

沒有文件正在建立，雖然。當運行webpack服務器時，我可以通過瀏覽器訪問文件。 build.js文件僅在webpack開發服務器運行時纔可用？

這是什麼定義runtime VS standalone？即使在審閱了文檔之後，我仍然對什麼是確切的區別感到困惑。

我需要編譯的文件，因爲我想發佈一個transpiled文件到我的包發佈到NPM。

乾杯。

來源

2017-07-24 Stephan-v

的的WebPack服務器不建寫入磁盤上的文件，但這一切在內存中。所以如果你想構建，你需要執行「npm run build」。 – itacode

@itacode是否有可能創建副作用，以便它也將文件寫入磁盤？ – Jonathan

運行

npm run build

這將創建一個/dist目錄包含build.js。

你可以看到，可在package.json運行的腳本。該webpack-simple模板只有run和build。您需要複製index.html和dist文件夾。

當您使用npm run dev您使用的熱模塊重裝並沒有JS是建立可通過熱模塊服務器暫時的發展。

如果您只想構建一個文件組件，則可以使用vue-cli的build command。

vue build Component.vue --prod --lib Component

其中Component是單個文件組件的名稱。這將生成一個僅包含您指定的組件的腳本文件。將該腳本包含在HTML中並使用`Vue.component（「component」，Component）全局公開。

來源

2017-07-24 22:21:18 Bert

啊我猜webpack在使用vue-cli項目時會在內存中運行一切，因爲熱重載？我想只編譯一個組件（首先），這將是最簡單的方法嗎？我只是試過，構建文件包含所需的所有代碼，而我只需要創建的組件進行轉發。 –

@ Stephan-v有兩種方法可以將單個組件輕鬆構建到腳本文件中。 'vue-cli'有一個你可以使用的['build']（https://github.com/vuejs/vue-cli/blob/master/docs/build.md）命令。另外，寫了cli的'build'部分的同一個人寫了一個名爲[poi]的工具（https://poi.js.org/#/），可以做到這一點。 – Bert

只是最後一個問題，您是否有任何關於多個組件甚至是Vuex模塊的技巧？ –

Vue.js/webpack不會創建構建文件？

回答

相關問題