1.require不能使用时:
npm install @vue/cli-plugin-typescript@3.3.0
2.使用sass及其全局变量
sass=>
npm install --save-dev sass-loader
npm install --save-dev node-sass
全局=>
npm install --save-dev sass-resources-loader
出现node sass version 5.0.0 is incompatible with ^4.0.0
卸载已安装版本 npm uninstall node-sass
安装 npm install node-sass@4.14.1
build/webpack.base.conf.js文件中module/rules下添加
{ test: /\.sass$/, loaders: ['style', 'css', 'sass']}
build/utils.js文件的generateLoaders函数下新增函数
// generate loader string to be used with Sassfunction
generateSassResourceLoader() {
var loaders = [
cssLoader,
'sass-loader',
{
loader: 'sass-resources-loader',
options: {
// 单个文件时的形式传入,多个文件时可以直接使用数组,具体路径需自行修改
// [resolveResource('../src/theme/_variables.scss')]
resources: path.resolve(__dirname, '../src/theme/_variables.scss')
}
}
];
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}
修改下方return 的值
sass: generateSassResourceLoader(),
scss: generateSassResourceLoader(),
修改完要npm run dev 重新运行一下!!
3.sass-loader出问题时降低版本 使用7.3.1版本
npm install --save-dev sass-loader@7.3.1
4. h5和原生iOS和安卓交互有一个封装很好的库dsBridge(吹爆) =>
npm i dsBridge
简单易上手,使用方法详见:
github地址:
IOS => https://github.com/wendux/DSBridge-IOS
Android => https://github.com/wendux/DSBridge-Android
5.dayjs=>轻量时间处理库