webpack踩坑 无法解析jquery及webpack-cli

最近在学习vue，使用到webpack的时候，出现了错误，可能是3和4的版本问题

webpack-dev-server

安装好webpack-dev-server后，需要在package.json 的scripts 增加代码 "dev": "webpack-dev-server"

"scripts": {
    "test": "echo \"error: no test specified\" && exit 1",
    "dev": "webpack-dev-server"
  },

然后此时报错了~~~the cli moved into a separate package: webpack-cli

一大堆，一开始没看懂，搜也没搜明白，最后发现好简单，实际就是安装webpack-cli就好了

无法解析jquery module not found: error: can't resolve 'jquery' in 'f:\study\webpack-study\src'

看到这个有点懵，我都安装了的，然后也能运行起来，结果就是报这个错。

由于jquery.placholder.min.js将umd用作加载策略，因此它认识到它是通过require- 必需的，并尝试以相同的方式要求使用jquery：

"object"==typeof module&&module.exports?require("jquery"):jquery

webpack查看require("jquery")并尝试捆绑jquery库（在node_modules中不存在）
解决方案是将jquery作为外部添加到您的webpack.config.js：

{
  ...
  externals: {
    // require("jquery") is external and available
    //  on the global var jquery
    "jquery": "jquery"
  }
}

当模块标记为外部模块时，webpack不会捆绑该模块，而是使用全局变量。

参考资料:webpack can't resolve 'jquery'.

em。。。。上边的并不合适。。。

还是使用provideplugin的吧
自动加载模块，而不必到处 import 或 require 。

new webpack.provideplugin({
  $: 'jquery',
  jquery: 'jquery'
})

然后把import的地方干掉...
参考资料:webpackjs provideplugin.