关于webpack的问题

Question

<!-- html -->

<script src="vendors/js/jquery-1.11.3.js"></script>
<script src="vendors/js/jquery.waypoints.min.js"></script>
<script src="resources/js/script.js"></script>


<script src="combination.js"></script> <!-- 合并后用不了 -->

//webpack.config.js
module.exports = {
  entry: {
    bundle1: './vendors/js/jquery-1.11.3.js',
    bundle2: './vendors/js/jquery.waypoints.min.js',
    bundle3: './vendors/js/html5shiv.js'
  },
  output: {
    filename: 'combination.js'
  },
   module: {
    loaders:[
      { test: /\.css$/, loader: 'style-loader!css-loader' },
      { test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192' }
    ]
  }
};

//package.json
{
  "name": "ap",
  "version": "1.0.0",
  "description": "",
  "main": "webpack.config.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

刚学webpack，想把这些js都打包了，但是打包出来的用不了，是什么原因。。

Answer 1

你的entry都配错了，怎么可能跑得起来，看这个系列文章先学学吧《
webpack多页应用架构系列（二）：webpack配置常用部分有哪些？》

Answer 2

https://segmentfault.com/q/10...

Answer 3

你是想将所有js文件打包成一个js文件还是配置多入口页面，打包配置不同页面所需的js？这里要分情况，如果是多页面，那么你的output配置的有问题，如果是单页面，那么你的entry配置的有问题。