我使用HtmlWebpackPlugin自动生成index.thml与webpack编译的输出.
出于性能原因,我将我的条目分成了供应商和项目
像那样:
...
entry:{
vendors:'./vendors.js'
,TimerApp:'./src/index.js'
},
output:{
path: path.join(__dirname,'build'),
filename:'[name].js'
},
...
当我通过webpack-dev-server以下方式运行项目时:
set NODE_ENV=development && webpack-dev-server -d --hot --port 4040 --content-base src/"
我明白了 index.html
<head>
...
<title>Timer Task</title>
<link href="vendors.css" rel="stylesheet">
<link href="TimerApp.css" rel="stylesheet">
</head>
<body >
...
<script src="vendors.js"></script>
<script src="TimerApp.js"></script>
verdor.js第一和TimerApp.js第二.那完美.
但..当我使用webpack时:
webpack --colors --watch --optimize-dedupe
订单是TimerApp.js第一个和vendors.js第二个,每次编译项目时都会生成异常
非常生气
那么,控制输出文件顺序的方法是什么？
参考:webpack.js文件:
var path = require('path');
var webpack = …webpack ×1