使用webpack+babel时常用的包和插件

  • npm init

  • npm install --save-dev webpack 安装webpack

  • npm install --save-dev webpack-cli webpack的脚手架

  • npm install --save-dev webpack-dev-server 可以在开发环境中提供很多服务,比如启动一个服务器、热更新、接口代理等

  • npm install --save-dev webpack-merge 用来合并webpack配置文件

  • npm install --save-dev html-webpack-plugin 用来生成打包后生产环境的html文件

  • npm install --save-dev uglifyjs-webpack-plugin 在压缩js时用到

  • npm install --save-dev extract-text-webpack-plugin@next 用来提取散落在各处的css文件

  • npm install --save vue 安装vue

  • npm install --save-dev vue-loader .vue文件加载器,处理.vue文件

  • npm install --save-dev vue-style-loader

  • npm install --save-dev vue-template-compiler

  • npm install --save-dev vue-hot-reload-api

  • npm install --save-dev babel

  • npm install --save-dev babel-core

  • npm install --save-dev babel-loader

  • npm install --save-dev babel-plugin-transform-runtime

  • npm install --save-dev babel-preset-env

  • npm install --save-dev babel-runtime

  • npm install --save-dev css-loader css加载器(loader)

  • npm install --save-dev style-loader style加载器(loader)

  • npm install --save-dev url-loader

  • npm install --save-dev file-loader

  • npm install --save vue-router

  • npm install --save vuex

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,732评论 0 16
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 11,233评论 0 21
  • 写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较...
    不忘初心_9a16阅读 3,260评论 0 17
  • 凌晨2点多被孩子给踢醒,一时无眠。回想优优阅读的近四年的时间,各类书籍已有四百多本。当身边的人得知孩子读了这么...
    Yoyo04阅读 816评论 6 5
  • 我想 有一方寸之地 不大 却足够安置孟浪的心 我想 活得精致 却总是错手 打翻时光的色彩 都说 能忍受孤独的人 必...
    伢儿阅读 266评论 2 1