zoukankan      html  css  js  c++  java
  • 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依赖的包全部下载到该项目中

  • 相关阅读:
    Jmeter(五十)
    实践理解mysql的联合索引
    ElasticSearch---查询es集群状态、分片、索引
    Java8 函数式接口
    Java8 CompletableFuture
    java8多线程的lambda
    java线程池异步
    InputStream输入流,传输数据不完整
    RestEasy上传文件的工具类
    ElasticSearch---es之Post Filter,聚合后过滤
  • 原文地址:https://www.cnblogs.com/qinbb/p/5795375.html
Copyright © 2011-2022 走看看