我想开始使用webpack来捆绑和缩小我的JS文件,但是我遇到了一个问题。
现在我只是在我的HTML中包含我的原始JS:
<script src="./js/jquery.min.js"></script>
<script src="./js/jquery.dataTables.min.js"></script>
<script src="./js/dataTables.bootstrap.min.js"></script>
<script src="./js/d3.v3.min.js"></script>
<script src="./js/d3.tip.v0.6.3.js"></script>
<script src="./js/index.js"></script>
</body>
</html>
所以我在名为js
的{{1}}目录中创建了一个文件,其中包含以下内容:
webpack.config.json
现在当我切换到module.exports = {
entry: ['./jquery.min.js', './jquery.dataTables.min.js', './dataTables.bootstrap.min.js', './d3.v3.min.js', './d3.tip.v0.6.3.js', './index.js'],
output: {
filename: './main.js'
}
};
目录并运行js
时,我看到以下错误:
webpack
我不完全理解这一点,因为之前的依赖关系总是好的。我做错了什么?