Vue重构tupu前端。工具链:ES6/Less/Sass/Compass/Webpack/Grunt
#步骤
-
使用到
Sass+Compass,需Ruby运行环境,请先安装Ruby,版本不能低于2。Ruby官网;Windows下Ruby安装包。 -
运行
gem install compass -
确保安装
Node.js,若未安装,请前往Node.js官网下载安装包。 -
确保安装
grunt-cli,若未安装,请运行npm install grunt-cli -g。 -
切换到项目根目录,运行
npm install下载依赖模块。 -
本地开发环境:运行
grunt local;生成测试开发环境文件 :运行grunt dev;生成生产环境文件:运行grunt product。
#友情提醒
- 微信jsdk
jweixin.js使用Webpack中引入时会报错。本次解决办法是修改源码中this为window,问题详细描述以及解决:使用vue cli 构建的项目,现在需要使用微信js sdk,如何使用,when using both 'babel-loader' and 'imports-loader',this=>windowwill not work。