由于各种浏览器的兼容问题 import $ from 'jquery’的时候会报错
建议使用webpack来解决
1、安装webpack
npm i webpack@版本号 webpack-cli@版本号
-D 由于是开发阶段需要使用,而发行阶段不需要所以用-D
2、在项目中配置webpack
-
在项目根目录创建webpack.config.js
-
module.exports={ mode:'development' //mode用来指定构建模式,可选值有development (开发模式) 、 production(生产模式) }
-
在package.json中的script节点下,新增dev脚本来配置执行命令
-
"scripts":{ "dev": "webpack" //可以通过 npm run dev 来执行文件 }
使用npm run dev 时 会生成dist文件夹 里面有个main.js
webpack首先通过读取webpack.config.js文件来打包项目,确定哪些有兼容性问题,再把它们转化为没有兼容性问题的js放在main.js中
所以在index.html导入js文件时应该导入dist下面的main.js