Node.js与webpack

1.Common.js语法（Node.js默认支持）

导出：module.exports={}

导入：require('模块名或路径')

2.ECMAScript标准

导出：export default{}

导入：import 变量名 from '模块名或路径'

3.npm包管理器

作用：下载软件包以及管理版本

初始化项目清单文件 package.json 命令

npm init -y

下载软件包的命令

npm i 软件包名称

下载的包存放位置

当前项目下的 node_modules 中，并记录在 package.json 中

4. npm - 全局软件包 nodemon

软件包区别：

本地软件包：当前项目内使用，封装属性和方法，存在于 node_modules

全局软件包：本机所有项目使用，封装命令和工具，存在于系统设置的位置

nodemon 作用：替代 node 命令，检测代码更改，自动重启程序

使用：

1.安装：npm i nodemon -g（-g 代表安装到全局环境中）

2.运行：nodemon 待执行的目标 js 文件

5.Node.js总结

常用命令：

执行 js 文件                                            node xxx

初始化 package.json                              npm init -y

下载本地软件包                                      npm i 软件包名

下载全局软件包                                      npm i 软件包名 -g

删除软件包                                             npm uni 软件包名

6.Webpack

定义：本质上，webpack是一个用于现代JavaScript应用程序的静态模块打包工具。

静态模块：指的是编写代码过程中的，html，css，js，图片等固定内容的文件

打包：把静态模块内容，压缩，整合，转译等（前端工程化）

           把 less / sass 转成 css 代码

           把 ES6+ 降级成 ES5 支持多种模块标准语法

7.修改Webpack打包入口和出口

Webpack 配置：影响 Webpack 打包过程和结果

步骤：1.项目根目录，新建 webpack.config.js 配置文件

2.导出配置对象，配置入口，出口文件的路径

3.重新打包观察

注意：只有和入口产生直接/间接的引入关系，才会被打包

示例：

const path=require('path')

module.exports={
    entry:path.resolve(__dirname,'src/login/index.js'),
    output:{
        path: path.resolve(__dirname,'dist'),
        filename: './login/index.js'
        }
    }