• webpack常用插件


    webpack常用的插件安装命令:
    1:npm install html-webpack-plugin --save-dev //自动快速的帮我们生成HTML。
    2:npm install css-loader style-loader --save-dev//样式文件,我们需要两种loader,css-loader 和 style-loader,css-loader会遍历css文件,找到所有的url(...)并且处理。style-loader会把所有的样式插入到你页面的一个style tag中。
    3:npm install babel-loader css-loader style-loader --save-dev// 安装加载器(babel-loader 进行转码
    css-loader 对 css 文件进行打包
    style-loader 将样式添加进 DOM 中)
    4:npm install sass-loader node-sass --save-dev//css预编译程序,还需要添加node-sass来解析sass文件
    5:npm install url-loader --save-dev//图片自动转成base64编码的
    6:npm install jquery moment --save-dev//添加第三方库(jquery和moment)
    7:npm install babel-preset-es2015 --save-dev//添加ES6的支持
    8:npm install babel-preset-es2015 babel-preset-react --save-dev//安装转码规则
    9:npm install webpack-dev-middleware --save-dev//服务器端使用的是express框架,你还可以直接安装express的middleware,webpack配合express
    10: npm install react --save-dev//安装并引用 React 模块
    10:npm install react react-dom --save-dev//添加react和react-dom
    11:npm install react-hot-loader --save-dev//react-hot-loader 是一款非常好用的 React 热插拔的加载插件,通过它可以实现修改-运行同步的效果,配合 webpack-dev-server 使用更佳!
    12:npm install --save-dev autoprefixer postcss-loader --save-dev//
    13:npm install babel-loader coffee-loader --save-dev//
    14: npm install autoprefixer-loader --save-dev//
    15: npm install vue --save-dev//
    16: npm install -d //将项目中package.json依赖的包全部下载到该项目中

  • 相关阅读:
    Halcon图像分割
    Halcon图像变量
    C# 线程同步
    C# 单例模式实现
    C# 限制窗体弹窗显示必须关闭后才能重新实例化窗体
    Java定时清理过期文件
    GrayLog + Logspout + Docker 实现分布式日志聚合
    基于Spring Security OAuth2搭建的Spring Cloud 认证中心
    快速搭建Docker Registry私有仓库
    让你的Spring Boot应用快速运行在Docker上面
  • 原文地址:https://www.cnblogs.com/leoleo1/p/13253387.html
Copyright © 2020-2023  润新知