Webpack4.0 笔记

Webpack 相关

  1. 模块打包工具

    1
    ES Module 模块引入方式
    2
    CommonJS 模块引入方式(node的引入规范)
    3
    CMD
    4
    ADM
    5
    !!!千万不能全局安装webpack, 全局安装了某个版本的,如4.0,那其他用3.0的版本的就没法用了。
  2. 快速初始化npm项目

    1
    npm init -yes
  3. 查看npm包的信息

    1
    npm info '安装包的名字'  例如: npm info webpack
  4. npx用来查看当前项目的node_module安装包的的命令

    1
    npx webpack -v  
    2
    3
    安装指定版本的npm包
    4
    webpack-cli@3.3.0
    5
    6
    webpack打包默认是使用webpack.config.js文件;
    7
    如果需要指定其他的问配置文件:npx webpack --config webapckconfig.js(配置文件名)

Webpack 的核心概念

Webpack 的高级概念

Webpack 配置

Webpack 底层原理及脚手架工具

Create-React-App 和 Vue-Cli 3.0脚手架工具配置