Haveyounow的博客

【代码】vue实现页面打印。

安装依赖yarn add ant-design-vueyarn add babel-plugin-import --dev安装lessyarn add less less-loader --dev文件babel.config.js中添加"plugins": [["import", { "libraryName": "ant-design-vue", "style": true, // or 'css' }]]文件vue.config.js中添加css: { lo

在shims-vue.d.ts文件中添加declare module '*.js'然后重启项目就好了参考解决问题Could not find a declaration file for module ‘*.js‘ implicitly has an ‘any‘ type.

在vue.config.js文件中module.exports = { // ... css: { loaderOptions: { less: { globalVars: { hack: `true; @import '~@/theme/var.less';` } } } }}参考：vue 3.0 vue cli 4.x使用less全局变量

给全局增加PROCESSENV变量const webpack = require('webpack')module.exports = { configureWebpack: { plugins: { new webpack.DefinePlugin({ PROCESSENV: JSON.stringify({VUE_APP: process.env.VUE_APP}) }) } }}在main.js中打印console.log(PROCES

安装sassnpm i node-sass sass-loader style-loader -D安装lessnpm install less less-loader --save在vue.config.js文件中配置// vue.config.jsmodule.exports = { css: { loaderOptions: { // 给 sass-loader 传递选项 sass: { // @/ 是 src/ 的别名

正确做法是yarn add less less-loader --dev相关报错是因为你的依赖装错位置了，less和less-loader应该装在devDependencies下如下图所示参考vue3项目中如何使用less来写样式

这是我项目的目录目录中的src和src-comp文件夹代表不同的项目，里面有各自的main文件module.exports = { // 输出文件目录 outputDir: `dist/VUE测试${new Date().getTime()}/`, // webpack配置 configureWebpack: { entry: `./${process.env.VUE_APP_COMPONENT ? 'src-comp' : 'src'}/main.js` }}这是我

1. 安装yarn add vue-cli-plugin-style-resources-loaderyarn add vue-cli-plugin-style-resources-loader依次在命令行输入指令2. 配置在vue.config.js文件中配置const path = require('path')module.exports = { pluginOpt...