如何提供 webpack 文件?
How to serve webpack files?
我通过使用 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 来提供这些文件?
给你加一个devServer
栏目webpack.config.js
。
https://webpack.js.org/configuration/dev-server/#devserver
在此部分中有一个 contentBase
属性 指定您希望从何处提供您的应用程序。
然后当你完成后,你应该能够 运行 webpack-dev-server
并让它与你的 webpack 捆绑资产一起为你的应用程序服务。
我通过使用 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 来提供这些文件?
给你加一个devServer
栏目webpack.config.js
。
https://webpack.js.org/configuration/dev-server/#devserver
在此部分中有一个 contentBase
属性 指定您希望从何处提供您的应用程序。
然后当你完成后,你应该能够 运行 webpack-dev-server
并让它与你的 webpack 捆绑资产一起为你的应用程序服务。