2017-04-10 63 views
1

如何在不運行開發服務器的情況下讓webpack捆綁模塊。當我運行命令一切正常,但是當我剛通過單擊我的文件夾中打開HTML文件我在控制檯得到一個錯誤:Webpack - 如果沒有運行開發服務器,找不到模塊

Uncaught Error: Cannot find module "ajax" at webpackMissingModule (app.js:76) at Object. (app.js:76) at webpack_require (app.js:20) at app.js:66 at app.js:69

因爲,我希望把我的項目在GitHub上頁面,我需要能夠在沒有webpack服務器的情況下運行它。我該怎麼做,爲什麼我得到這個錯誤?

這是的WebPack配置文件:

module.exports = { 
    entry: './assets/js/app.js', 
    output: { 
    filename: './dist/app.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader', 
     query: { 
      presets: ['es2015'] 
     } 
     } 
    ] 
    } 
} 

回答

1

首先,你需要明白的WebPack-DEV-服務器建立你的代碼,並存儲在內存中。意思是說,它只能在運行期間訪問,並且只適用於開發(顧名思義)。

如果要製作生產版本,則需要爲其生成一個腳本,以創建該生成的實際副本。然後,您可以通過從構建目錄打開入口點來運行它。

+0

謝謝,所以基本上只有在package.json中添加這行才解決了它:'''build「:」webpack「'''' – Leff