webpack
导入以及导出方式
- node
- 使用var 名称 = require('模块标识符')导入
- 使用module.exports 和exports 来暴露成员
- ES6
- import 模块名称 from '模块标识符' import '标识路径'导入
- export default 和 export暴露,export default暴露的可以自定义名称,一个模块中export default只能暴露一次
- export暴露只能通过
{} 来接收,可以暴露多个,这种方式叫做按需导出,名称需要一致
webpack 常见错误
- json里面不能写注释
- npm不能保证之前装的包依然存在,看需要重装
- webpack无法处理es6以上的语法,需要第三方的loader来处理
- 在配置babel的loader规则时,需要使用exclude将node_modules目录排除掉
- 原因
- 1.消耗CPU
- 2.哪怕把node_modules的js都转换完成,也无法正常运行
- 安装两套包
- cnpm i bable-core babel-loader babel-plugin-transform-runtime -D
- cnpm i babel-preset-env babel-preset-stage-0 -D
- 在配置文件中添加新的规则,{test:/.js$/, use:'babel-loader', exclude:/node_modules/}
在webpack中使用vue
导入以及导出方式
- node
- 使用var 名称 = require('模块标识符')导入
- 使用module.exports 和exports 来暴露成员
- ES6
- import 模块名称 from '模块标识符' import '标识路径'导入
- export default 和 export暴露,export default暴露的可以自定义名称,一个模块中export default只能暴露一次
- export暴露只能通过
{} 来接收,可以暴露多个,这种方式叫做按需导出,名称需要一致
webpack 常见错误
- json里面不能写注释
- npm不能保证之前装的包依然存在,看需要重装
- webpack无法处理es6以上的语法,需要第三方的loader来处理
- 在配置babel的loader规则时,需要使用exclude将node_modules目录排除掉
- 原因
- 1.消耗CPU
- 2.哪怕把node_modules的js都转换完成,也无法正常运行
- 安装两套包
- cnpm i bable-core babel-loader babel-plugin-transform-runtime -D
- cnpm i babel-preset-env babel-preset-stage-0 -D
- 在配置文件中添加新的规则,{test:/.js$/, use:'babel-loader', exclude:/node_modules/}
在webpack中使用vue
|