Vue..........

315 阅读1分钟

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=>轻量时间处理库

    blog.csdn.net/q857637472/…