01webpack介绍和配置

nrm 的使用

作用：提供了一些常用的 NPM 包镜像地址

1. 运行 npm i nrm -g :全局安装nrm包
2. 使用 nrm ls 查看当前所有可能用的镜像地址
3. 使用 nrm use npm 或 nrm use taobao 切换不同的镜像地址

注意：只是提供了几个下载包的url地址，但是每次装包的时候，都是用 npm

webpack基本使用方式

安装：

1. npm i webpack -g 全局安装webpack，这样能在全局使用
2. 在项目根目录运行 npm i webpack --save-dev 安装到项目依赖中

import * form * 是ES6中导入模块的方式 例如 import $ from 'jquery'
webpack .\src\main.js .\dist\bundle.js

webpack 配置文件

1. 在项目根目录新建 webpack.config.js 文件
2. 这个配置文件就是一个js文件，通过 node 中的模块操作，向外暴露一个配置对象

const path = require('path')
module.exports = {
	entry:path.join(__dirname,'./src/main.js') //表示使用webpack打包的文件
	output:{ //输出文件相关配置
		path:path.join(__dirname,'./dist'), //输出到的目录
		filename:'bundle.js' //指定输出的文件名称
	}
}

3. 配置后，webpack 便可直接打包

注意：新建项目后，使用 npm init -y 包管理工具来管理起来