一个基础的webpack项目demo
闲来无事,手工搭建一个webpack最基础的项目,可与项目初始化节省搭建时间,话不多说,上料!
其中包含了:
1 样式加载器css,sass,less
2 图片加载器
3 webpack-dev-server本地开发热更新
4 babel配置:
闲来无事,手工搭建一个webpack最基础的项目,可与项目初始化节省搭建时间,话不多说,上料!
1 样式加载器css,sass,less
2 图片加载器
3 webpack-dev-server本地开发热更新
4 babel配置:
npm是一个很好用的工具,全场是Node Packet Manager,是一个nodejs的包管理工具,但是美中不足的是当我们去安转包的时候却发现下载的速度太慢,但是没关系,还是有方法的就是利用淘宝的国内镜像,一下是3个设置的方法:
镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在):
之前项目使用的node环境是node4.4版本,一直正常,今天升级了下node(6.x版本)版本,之前的配置不变,在WebWstorm中就启动不了了;
报错:v8debug is not defined
昨天公司任务中,有涉及到一个比较老的网站静态文件整理压缩过程,于是采用了grunt工具的压缩插件grunt-contrib-cssmin来进行js和css的压缩整理;发现引用压缩后的css之后,页面在ie7下出现错乱现象,其他高版本浏览器则正常显示,于是各种排查,对比文件,网上查找相关资料,终于找到了原因所在。
废话不多说,直接上图:
目录结构,你懂得
{
"name": "anme",
"file": "filename",
"version": "0.1.0",
"description": "description",
"license": "MIT",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-jshint": "~0.6.3",
"grunt-contrib-uglify": "~0.2.1",
"grunt-contrib-concat": "~0.5.1",
"grunt-contrib-cssmin": "~0.12.3"
},
"dependencies": {
"express": "3.x"
}
}
http://www.cnblogs.com/yexiaochai/p/3594561.html
http://www.cnblogs.com/yexiaochai/p/3602002.html
http://www.cnblogs.com/snandy/archive/2013/03/07/2946989.html
http://www.cnblogs.com/snandy/archive/2013/03/11/2949177.html
http://www.cnblogs.com/snandy/archive/2013/05/20/3088613.html
以上两个牛人的文章写得已经很详细明了,推荐大家学习!