h5 vue mpvue

時間 2019-11-18

標籤 h5 vue mpvue 简体版

原文原文鏈接

--------------------------------------------------------------------------------------------------------------------------------------------------------css

sass https://www.cnblogs.com/sdcs/p/9104474.htmlhtml

px2rem https://blog.csdn.net/lily_24/article/details/79609525 https://www.jianshu.com/p/bb08ca286ac7vue

引入外部sacc https://blog.csdn.net/mate_ge/article/details/811
跨域配置：https://blog.csdn.net/it_cgq/article/details/78781422node

cordova配置 https://www.jianshu.com/p/25d797b983cd
https://www.jianshu.com/p/2e9bebb73d37android

cordova create apph5shopping com.xunsoft.cordova apph5shoppingwebpack

cd apph5shopping
cordova platform add android
cordova prepareweb

cordova plugin add cordova-plugin-devicevue-router

cordova build androidvuex

--------------------------------------------------------------------------------------------------------------------------------------------------------npm

一、 vue init webpack demo

二、使用scss npm install sass-loader node-sass --save-dev

三、全局引入sass文件 npm install sass-resources-loader --save-dev
在uitil.js中
const sassResourceLoader = {
loader: 'sass-resources-loader',
options: {
resources: [
path.resolve(__dirname, '../src/styles/base.scss'),
]
}
}
四、px2rem
npm install px2rem-loader
npm i lib-flexible --save

在main.js中引入lib-flexible
import 'lib-flexible/flexible'
build文件中找到util.js
const px2remLoader = {
loader: 'px2rem-loader',
options: {
remUnit: 75
}
}
const loaders = [cssLoader,px2remLoader]

五、mint-ui 按需引入 npm install babel-plugin-component -D
將 .babelrc 修改成
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime",
["component",
[{
"libraryName": "mint-ui",
"style": true
}]
]