Cannot use import statement outside a module 解决方法

错误原因:import $ from 'jquery';导入文件模块是es6模块化语法，而浏览器并不支持es6语法

解决方法：在项目中配置webpack即可

步骤：

1、运行 npm install webpack webpack-cli –D 命令，安装 webpack 相关的包 (需要管理员身份)

2、在项目根目录中，创建名为 webpack.config.js 的 webpack 配置文件 

3、 在 webpack 的配置文件中，初始化如下基本配置： 

module.exports = {   mode: 'development' // mode 用来指定构建模式 } 
"

4、在 package.json 配置文件中的 scripts 节点下，新增 dev 脚本如下： 

"scripts": {  "dev": "webpack" // script 节点下的脚本，可以通过 npm run 执行 }

5、 在终端中运行 npm run dev 命令，启动 webpack 进行项目打包。 

6、将原来引入的js文件改为dist目录下的main.js文件