如何为webpack档案服务？

Question

我已经通过使用dllreferenceplugin创建了一个vendor.js和mainbundle.js。这是我正在运行的命令：

 "npm run build:dll && webpack --config=webpack.dev.config.js --watch --progress"

在控制台中，我可以看到：

Hash: bad1c37262433a8e91d4                                                                                                             
Version: webpack 3.10.0                                                                                                                
Time: 14767ms                                                                                                                          
        Asset    Size  Chunks             Chunk Names                                                                                  
dll.vendor.js  244 kB       0  [emitted]  vendor                                                                                       
   [0] dll vendor 12 bytes {0} [built]                                                                                                 
   [1] ./vendors.js 89 bytes {0} [built]                                                                                               
   [5] (webpack)/buildin/global.js 509 bytes {0} [built]                                                                               
   [6] (webpack)/buildin/module.js 517 bytes {0} [built]                                                                               
    + 5 hidden modules                                                                                                                 
  0% compiling                                                                                                                         
Webpack is watching the files…                                                                                                         

Hash: 83dc1ce27d7783871347                                                                                                             
Version: webpack 3.10.0                                                                                                                
Time: 5226ms                                                                                                                           
     Asset     Size  Chunks             Chunk Names                                                                                    
mainapp.js  3.66 kB       0  [emitted]  app                                                                                            
   [0] ./client/app/app.js 357 bytes {0} [built]                                                                                       
   [1] delegated ../node_modules/angular/index.js from dll-reference vendor 42 bytes {0} [built]                                       
    + 1 hidden module 

如何配置webpack-dev-server为这些文件提供服务？

Answer 1

向您的webpack.config.js添加一个devServer部分。

https://webpack.js.org/configuration/dev-server/#devserver

在本节中，让contentBase属性指定您希望从何处为应用程序提供服务。

然后，当您完成此操作后，您应该能够运行webpack-dev-server，并让它为您的应用程序和您的webpack捆绑的资产提供服务。