npm

  • -S == —save

    开发和发布环境

  • -D == —save-dev

    开发环境

npm 安装指令

  • npm install webpack webpack-cli webpack-dev-server -D

    webpack 和 自动打包工具

  • npm install html-webpack-plugin -D

    在根目录下复制一份 index.html ,在自动打开浏览器的情况下直接访问页面

  • npm install style-loader css-loader -D

    处理 css 文件

  • npm install sass-loader node-sass -D

    处理 sass 和 scss 文件

  • npm install less-loader less -D

    处理 less 文件

  • npm install url-loader file-loader -D

    处理路径相关问题，主要用来处理图片路径

  • npm install babel-loader @babel/core @babel/plugin-proposal-decorators -D

    处理高级 js 语法，需要创建 babel.config.js 配置文件

  • npm install clean-webpack-plugin -D

    每次打包时自动清理之前生成的 dist 文件夹