h5 vue mpvue

--------------------------------------------------------------------------------------------------------------------------------------------------------

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

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

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

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

cordova create apph5shopping com.xunsoft.cordova apph5shopping

cd apph5shopping
cordova platform add android
cordova prepare

cordova plugin add cordova-plugin-device

cordova build android

--------------------------------------------------------------------------------------------------------------------------------------------------------

1、 vue init webpack demo

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

3、全局引入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'),
]
}
}
4、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]

5、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
}]
]

]
}

6、vant-ui npm i babel-plugin-import -D

 --------------------------------------------------------------------------------------

###

` vue init F-loat/mpvue-quickstart shopping

cd shopping

npm i

"async-validator": "^1.10.0",

"await-to-js": "^2.0.1",

"flyio": "^0.6.2",

"mpvue": "^1.0.0",

"mpvue-router-patch": "^0.2.1",

"mpvue-wxparse": "^0.6.5",

"vuex": "^3.0.0"

使用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'),

]

}

}

`