最近在学习 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 https://www.webpackjs.com/plugins/provide-plugin/ .
来源: https://www.cnblogs.com/jellydong/p/12716467.html