webpack相关的基础知识

1.webpack是什么，能干什么？gulp是什么，能干什么？

1. webpack:一个现代 JavaScript 应用程序的静态模块打包器(static module bundler),用来做模块化打包。主要是从入口文件根据import找到对应的模块，在内部创建一个依赖图。
2. gulp:基于任务驱动的自动化构建工具。Gulp的关注点主要在于流程的自动化
   注：webpack和gulp均为打包工具

2.软件版本周期

α、β、λ 常用来表示软件测试过程中的三个阶段。
– α 是第一阶段，一般只供内部测试使用；
– β是第二个阶段，已经消除了软件中大部分的不完善之处，但仍有可能还存在缺陷和漏洞，一般只提供给特定的用户群来测试使用；
– λ是第三个阶段，此时产品已经相当成熟，只需在个别地方再做进一步的优化处理即可上市发行。
开发期:
1) Alpha(α):预览版，或者叫内部测试版；一般不向外部发布，会有很多Bug；一般只有测试人员使用。
2) Beta(β):测试版，或者叫公开测试版；这个阶段的版本会一直加入新的功能；在 Alpha版之后推出。
3) RC(Release Candidate)):最终测试版本；可能成为最终产品的候选版本，如果未出现问题则可发布成为正式版本
多数开源软件会推出两个RC版本，最后的 RC2 则成为正式版本。
完成期:
1) Stable:稳定版；来自预览版本释出使用与改善而修正完成。
2) GA(General Availability):正式发布的版本；在国外都是用GA来说明release版本的。
3) RTM(Release to Manufacturing):给生产商的release版本；RTM版本并不一定意味着创作者解决了软件所有问题；仍有可能向公众发布前更新版本。
另外一种RTM的称呼是RTW（Release To Web），表示正式版本的软件发布到Web网站上供客户免费下载。
4)RTL(Retail):零售版；是真正的正式版，正式上架零售版。
以Windows 7为例，RTM版与零售版的版本号是一样的。

3.-S 含义与全称， -D含义和全称

1): -S :- -save 安装生产环境依赖的模块，即项目运行时的模块
2) -D: --save -dev 安装开发环境依赖的模块，即项目开发时的模块
注：打包时默认只打包生产依赖（耗时），不打包开发依赖

4.webpack安装（安装webpack 和webpack-cli）

1)全局安装
安装命令
cnpm i webpack-cli -g
cnpm i webpack -g
2）本地安装
①　创建本地项目目录
②　创建package.json文件
npm init --yes 或者 npm init -y
③　执行安装命令
cnpm install webpack webpack-cli -D

5.webpack4的默认配置，配置文件名

1)默认定义./src/index.js为入口文件。
2):默认定义一个输出文件main.js到dist中
3)默认配置文件名：webpack.config.js【放在根路径下】

6.配置文件的四个核心概念

1):入口：entry
2)出口：output
3)模块化加载器：Loader
4)插件:plugins

7.SPA,MPA入口和出口该怎么配置

1)SPA（单页应用）【只有1个出口】：

// 一个入口文件完整写法[字符串]
module.exports = {
entry: './path/to/my/entry/file.js'
};
//多个入口写法[用数组]
const path = require('path');
module.exports = {
entry: ['./src/index.js',"./src/myutil/myutil.js"],
};

2)MPA（多页应用）[用对象]：

module.exports = {
  entry: {
    app: './src/app.js',
    search: './src/search.js'
  },

  output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  }};
// 写入到硬盘：./dist/app.js, ./dist/search.js

8.别名怎么配

要配置时只要在配置文件中在配置对象上添加resolve字段即可

resolve: {
alias: {
//这样jsc 就能代表路径src/js/component/了
jsc: path.resolve(__dirname, 'src/js/component/'),
}
},