PhoneGap中文网

 找回密码
 立即注册
查看: 28911|回复: 2
打印 上一主题 下一主题

ionic1.x+webpack打包测试案例

[复制链接]

2

主题

7

帖子

42

积分

新手上路

Rank: 1

积分
42
跳转到指定楼层
楼主
发表于 2016-9-24 04:02:18 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式


ionic1.x+webpack打包测试案例
公司目前app项目使用的是ionic1.x的架构,前期为了赶进度一直都没对代码进行很好的优化处理,最近进度慢下来准备使用webpack对app项目进行一个彻底的优化打包,所以小弟就对ionic+webpack进行了小小研究,在此贴出自己的研究成果,因为我对webpack了解甚少,在此希望大家能给我一些指导,在此提出宝贵的意见,感谢。


项目工程地址:https://github.com/firmliao789/ionic-webpack-test


1、引入webpack  


npm install wepack --save-dev  
webpack相关知识可以阅读webpack官方文档,在此就不多说


2、安装webpack loader,配置相关webpack loader


创建   webpack.config.js


var path = require('path'),
  webpack = require('webpack'),
//自动创建index.html模版插件
  HtmlWebpackPlugin = require('html-webpack-plugin'),
//将css单独打包插件
  ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
  cache: true[/color%
回复

使用道具 举报

2

主题

7

帖子

42

积分

新手上路

Rank: 1

积分
42
沙发
 楼主| 发表于 2016-9-24 04:07:53 | 只看该作者
辛辛苦苦写的贴竟然被截掉了
回复 支持 反对

使用道具 举报

0

主题

1

帖子

4

积分

新手上路

Rank: 1

积分
4
板凳
发表于 2018-3-15 17:01:45 | 只看该作者
能qq向你学习下吗?我qq:272190654
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-12-22 15:55 , Processed in 0.083995 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表