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依赖的包全部下载到该项目中

公司主营业务:成都网站设计、成都做网站、外贸网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出环翠免费做网站回馈大家。

原文链接:http://www.cnblogs.com/qinbb/p/5795375.html

创新互联www.cdcxhl.cn,专业提供香港、美国云服务器,动态BGP最优骨干路由自动选择,持续稳定高效的网络助力业务部署。公司持有工信部办法的idc、isp许可证, 机房独有T级流量清洗系统配攻击溯源,准确进行流量调度,确保服务器高可用性。佳节活动现已开启,新人活动云服务器买多久送多久。


分享名称:webpack常用的插件安装命令-创新互联
文章位置:http://pwwzsj.com/article/digche.html