潍坊新闻综合频道报道:webpack踩坑 无法剖析jquery及webpack-cli

admin/2020-04-17/ 分类:科技/阅读:

最近在学习Vue,使用到webpack的时刻,泛起了错误,可能是3和4的版本问题

webpack-dev-server

安装好webpack-dev-server后,需要在package.jsonscripts 增添代码 "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:Studywebpack-studysrc'

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

由于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.

,

诚信娱乐

诚信娱乐(现:阳光在线官网)现已开放诚信在线手机版、诚信在线电脑客户端下载。诚信在线娱乐游戏公平、公开、公正,用实力赢取信誉。

TAG:
阅读:
广告 330*360
广告 330*360
Sunbet_进入申博sunbet官网
微信二维码扫一扫
关注微信公众号
新闻自媒体 Copyright © 2002-2019 Sunbet 版权所有
二维码
意见反馈 二维码