标签:npm vue 步骤 component loader babel install 创建 save
vue init webpack 项目名 cd 项目名 npm install npm run dev 安装几个依赖 npm install stylus -save npm install stylus-loader -save npm install less less-loader --save-dev npm install css-loader style-loader --save-dev npm install axios --save npm install animate.css npm install vuex --save npm install --save screenfull npm install --save jquery npm install --save ali-oss symbol引用 这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合,与上面两种相比具有如下特点: 支持多色图标了,不再受单色限制。 通过一些技巧,支持像字体那样,通过font-size,color来调整样式。 兼容性较差,支持 ie9+,及现代浏览器。 浏览器渲染svg的性能一般,还不如png。 使用步骤如下: 第一步:拷贝项目下面生成的symbol代码: //at.alicdn.com/t/font_8d5l8fzk5b87iudi.js 第二步:加入通用css代码(引入一次就行): <style type="text/css"> .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } </style> 第三步:挑选相应图标并获取类名,应用于页面: <svg class="icon" aria-hidden="true"> <use xlink:href="#icon-xxx"></use> </svg> 创建weex步骤 weex create awesome-project npm start npm i weex-ui@latest -S npm i babel-plugin-component babel-preset-stage-0 -D npm i babel-plugin-component babel-plugin-component 修改.babelrc如下: { "presets": ["es2015", "stage-0"], "plugins": [ [ "component", { "libraryName": "weex-ui", "libDir": "packages", "style": false } ] ] }
标签:npm,vue,步骤,component,loader,babel,install,创建,save 来源: https://www.cnblogs.com/edczjw-Edison/p/12402301.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。