webpack +vue如何只编译src下的部分文件夹中的vue/js/css 5C

如题,src下有src/components和src/components-1.1,我想只编译前者中的vue,忽略编译后者,如何做到?
试了下在vue-loader中exclude:[path.resolve(__dirname,'../src/components-1.1')]
但是运行时编译不通过,提示You may need an appropriate loader to handle this file type.无法处理其中的vue文件

weixin_40465201
weixin_40465201 请问,这个问题解决了吗?
6 个月之前 回复

4个回答

不知道你的需求,报错难道不是应该的么?

你不用vue-loader去编译后者的代码,然后后者的代码是.vue格式的文件,这样的格式文件在webpack中你没有配置相应的loader去编译他。
所以报错!!!

这个逻辑不是很正常么?

建议题主说说自己的具体需求

可能的解决办法,如果不想编译后者的代码,你只需要保证你编译代码中没有引入该vue文件,他就不会编译。所以题主可能需要找找其他文件中有没有引入后者目录的vue文件

wm5920
球球之家/carver 嗯,很感谢,我试了一下,如果没有引用其他版本下的vue,打包的时候就不会打包进去,这样就解决了我的问题,我之前以为src下的文件都会打包进去的
2 年多之前 回复
stopllL
white_g 回复球球之家: 不知道这样说你理解么 就是src如果有一个a.vue,一个b.vue,如果你webpack的入口文件是a.vue 并且你的a.vue没有应用b.vue,那么webpack打包自然就不会和b.vue有关系。webpack打包并不是按照文件夹来打包。如果你的a. vue引用了b.vue,那么webpack在打包a.vue的时候发现有个b.vue的路径,所以他就去把b.vue编译打包进去。 然后给你解释下打包中的逻辑,首先是把vue文件转为js,那么你a.vue引用了b.vue,然后b.vue又不让编译。那你说如果正常编译了,代码是什么样子的?a.vue编译成了a.js然后把b.vue不编译直接引用进来? 所以说这么多,根本原因是既然你a.vue和b.vue是两个完全不同的版本,那你的a.vue干嘛要去引用b.vue?
2 年多之前 回复
stopllL
white_g 回复球球之家: webpack编译就是顺着你的入口文件然后匹配对应的各种url,组织成的是一个树状图。你树状图中有的就是你文件需要用到的。你说的你不同版本,你不同版本不要版本1引入版本2的代码就行了。就好比你说的100个版本,只要你每个版本的代码是完全的,入口文件配置到版本1的入口文件,然后顺着入口文件打包相应应用文件,实现的逻辑这是OK的啊。你说另外99个版本会编译,他会编译的原因是你版本1中引入了另外99个版本中的代码。首先者本来就不合规范啊。何况你既然在版本1中应用了版本2的代码,为什么不让版本2的代码编译? 打包版本1的时候给你把所有版本都打包的原因是你版本1引入了其他版本的代码。
2 年多之前 回复
wm5920
球球之家/carver 目前看来通过vue-loader来实现部分代码编译的方法行不通的,我的需求是src下的某个模块会有多个版本,比如一个模块有100个版本,但是我只需要用到一个版本,总不能每次编译都全部编译吧,会拖慢编译速度。所以我想通过webpack去把那些不需要的版本排除掉,当然笨方法就是把其他版本的文件夹删掉,这样也能达到部分编译的效果
2 年多之前 回复
wm5920
球球之家/carver 因为我不想去加载那个文件夹下的vue,所以会报这个错,怎么让webpack不报这个错呢?目的是想达到后端maven的pom效果,要编译哪个模块就编译哪个,而不是全部编译
2 年多之前 回复

改下makefile中源文件的路径,让其只能找到要编译的文件。

weixin_40465201
weixin_40465201 请问,这个问题解决了吗?
6 个月之前 回复
wm5920
球球之家/carver 用vue初始化的项目中没有makefile文件,这个文件有参考教程吗,谢谢大神
2 年多之前 回复

vue有一个功能,就是你在哪个vue文件写上这个,里面的css样式只在该vue文件才生效,不会影响其他vue文件

style

```<style  scoped></style>




Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
webpack +vue如何只编译src下的部分文件夹中的vue/js/css

如题,src下有src/components和src/components-1.1,我想只编译前者中的vue,忽略编译后者,如何做到? 试了下在vue-loader中exclude:[path.resolve(__dirname,'../src/components-1.1')] 但是运行时编译不通过,提示You may need an appropriate loader to handle this file type.无法处理其中的vue文件

webpack4 + vue2 编译.vue文件失败错误

# 提示如下的错误![图片说明](https://img-ask.csdn.net/upload/201805/04/1525424808_11411.png) 这是我有的所有的依赖 ![图片说明](https://img-ask.csdn.net/upload/201805/04/1525424879_290303.png) webpack的配置文件 ![图片说明](https://img-ask.csdn.net/upload/201805/04/1525424904_596031.png) 这个只是按照网上一个demo写的,不知道为什么编译vue的时候报错,PS:菜鸟一只,头回使用webpack 和 vue 我是想把vue文件编译到某某js中,所以和服务器上的dev不太一样 不知道为什么就是不好用

在学习vue.js的时候webpack打包,在编译style样式的时候出现了问题,代码如下图

![图片说明](https://img-ask.csdn.net/upload/201810/27/1540624816_421273.png) ![图片说明](https://img-ask.csdn.net/upload/201810/27/1540624833_44974.png) ![图片说明](https://img-ask.csdn.net/upload/201810/27/1540624844_419387.png) 第一张通过import引入我已经写好了的css代码, 第二章,在webpack.config.js中加载style-loader第三方模块, 第三章,使用npm run dev 进行编译出现编译失败的情况

关于webpack打包vue后无法渲染页面的一个问题

webpack打包vue后.vue文件中内容无法挂载到html文件中,使用$mount()方法后页面只显示一段被注释掉的函数。附上代码截图,求解!!!![图片说明](https://img-ask.csdn.net/upload/201806/28/1530170889_494317.png)![图片说明](https://img-ask.csdn.net/upload/201806/28/1530170907_209257.png)![图片说明](https://img-ask.csdn.net/upload/201806/28/1530170940_944627.png)![图片说明](https://img-ask.csdn.net/upload/201806/28/1530171093_807941.png)

webpack vue 图片路径变量问题?菜鸟求解

在项目中,某个组件中的img src属性需要使用后台返回的值,如下 this.src=require(res.src);该值为后台返回的路径,一直报错,报的错误是"."是未声明的组件 但是如果是this.src=require('../assets/slideShow/pic1.jpg');就不会报错,图片可以正常加载,这是为什么呢?小白求教

js 错误对象 err.stack 用“console 控制台输出”与“实际字符串”不一致问题

背景:最近在做一个前端错误监控系统,要求收集 js 错误信息堆栈等。使用 vue+webpack 技术。 js 错误对象 Error 下的错误堆栈 stack 。 ``` const error = new TypeErrpr(); console.log(error.stack); // console 控制台输出 JSON.stringify(error.stack); // 实际字符串 ``` 使用 console.log 控制台输出如下(显示行号、堆栈信息正确): ``` TypeError: this.b is not a function at Object.aa (common.js?cf45:119) at VueComponent.errorInJSHandler (Home.vue?76f2:104) at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854) at VueComponent.invoker (vue.runtime.esm.js?2b0e:2179) at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854) at VueComponent.Vue.$emit (vue.runtime.esm.js?2b0e:3888) at VueComponent.handleClick (element-ui.common.js?5c96:9417) at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854) at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179) at HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6917) ``` 但如果直接在页面显示或者保存为字符串,变成如下(显示行号、堆栈信息错误): ``` TypeError: this.b is not a function at Object.aa (webpack-internal:///./src/utils/common.js:173:10) at VueComponent.errorInJSHandler (webpack-internal:///./node_modules/cache-loader/dist/cjs.js?!./node_modules/babel-loader/lib/index.js!./node_modules/cache-loader/dist/cjs.js?!./node_modules/vue-loader/lib/index.js?!./src/views/Home.vue?vue&type=script&lang=js&:108:61) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:26) at VueComponent.invoker (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2178:14) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:26) at VueComponent.Vue.$emit (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3882:9) at VueComponent.handleClick (webpack-internal:///./node_modules/element-ui/lib/element-ui.common.js:9417:12) at invokeWithErrorHandling (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:1853:26) at HTMLButtonElement.invoker (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:2178:14) at HTMLButtonElement.original._wrapper (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:6907:25) ``` 怀疑是经过 webpack 打包的坑,想问各位,我如何才能获取到正确的堆栈信息( console.log 控制台输出)? ## **补充:**已找到解决方法,使用mozilla的sourcemap库(https://github.com/mozilla/source-map#sourcemapconsumerwith)即可通过打包后的错误堆栈及sourceMap文件中找到正确行列位置、文件名字等信息

想要实现样式的条件编译,用的vue+element ui

### js的条件编译 + 安装 ``` npm i -D js-conditional-compile-loader ``` + 配置webpack webpack.base.conf.js文件中在rules配置编译条件如下 ``` module: { rules: [ { test: /\.js$/, include: [resolve('src'), resolve('test')], use: [ //step-2 'babel-loader?cacheDirectory', //step-1 { loader: 'js-conditional-compile-loader', options: { isDebug: process.env.NODE_ENV === 'development', // optional, this is default isHK: process.env.npm_config_hk, // any name, used for /* IFTRUE_isHK ...js code... FITRUE_isHK */ } }, ] }, //other rules ] } ``` + 项目中使用 插件支持IFDEBUG和IFTRUE两个条件编译指令。用法是:在js代码的任意地方以/*IFDEBUG或/*IFTRUE_xxx开头,以FIDEBUG*/或FITRUE_xxx*/结尾,中间是被包裹的js代码。xxx是在webpack中指定的条件属性名,如上面的isHK。 在项目代码中设置如下 ``` { name: '用户部门', value: 'usrDepartId' }, /* IFTRUE_isHK */ { name: '舱门管理', value: 'id' }, /* FITRUE_isHK */ { name: '手机号', value: 'telphone' }, ``` + 编译执行 在终端输入**npm run dev –hk** 可以看到舱门管理 在终端输入**npm run dev** 可以看到舱门管理被隐藏 ### 样式的条件编译 问题来了,样式的条件编译我想用以下两个方式实现,都遇到了问题,请大神指点: 对vue接触时间较短,框架底层不了解,不知道怎么进行设置,在线等 #### 1. 类似js条件编译,在webpack中进行配置 进行如下设置后,样式的条件编译无法实现 ``` { test: /\.(css|html|vue)(\?.*)?$/, // loader: 'style-loader!css-loader', include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')], use: [ //step-2 'babel-loader?cacheDirectory', //step-1 { loader: 'css-loader', options: { isDebug: process.env.NODE_ENV === 'development', // optional, this is default envTest: process.env.ENV_CONFIG === 'test', isHK: process.env.npm_config_hk, isNT: process.env.npm_config_nt, // any name, used for /* IFTRUE_ntFlag ...js code... FITRUE_ntFlag */ npm run build-demo --nt } }, ] }, ``` #### 2. 设置全局变量,通过条件渲染以实现不同效果 比如设置全局变量 *versionType为1或2* 执行 **npm run dev --hk** 时versionType为1 执行 **npm run dev --nt** 时versionType为2 问题来了,在终端执行 **npm run dev –hk** 时,在哪设置全局变量versionType=1(执行不同分支代码,实现1hk、2nt) 以下代码为全局变量,需要在哪设置: ``` /* IFTRUE_isHK */ Var versionType=1, /* FITRUE_isHK */ /* IFTRUE_isNT */ Var versionType=2, /* FITRUE_isNT */ ``` 想要实现样式的条件编译,用的vue+element ui 比如同一套代码,有个列表显示数据不一致,修改内容的时候文本框内容不一致 --- 更新,找了一些资料,最终解决方案是设置 **全局变量**,然后通过条件渲染实现样式的条件编译

vue-loader安装后在.vue里的<style></style>里面写样式就报错?

提问:请问下,vue-loader也安装了为何在.vue的style标签了 还是不能写样式呢?webpack4,使用webpack-dev-server命令打包时就报错.应该如何解决? 我已经尝试卸载vue-loader重新安装,删除node-modules重新跑环境,但并没有解决掉.难到是某个加载器的版本的问题吗? main.js ``` import Vue from 'vue'; import app from './App.vue'; import { Header } from 'mint-ui'; Vue.component(Header.name, Header); var vm=new Vue({ el:'#app', render:c=>c(app) }); ``` App.vue ``` <template> <div class="box"> <!--header--> <mt-header fixed title="固定在顶部"></mt-header> <!--body--> <!--foot--> <h1>这是 App 组件</h1> </div> </template> <script> </script> <style lang="sass" scoped> .box{ padding-top:40px; } </style> ``` package.json ``` "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-runtime": "^6.23.0", "babel-preset-env": "^1.6.1", "babel-preset-stage-0": "^6.24.1", "css-loader": "^0.28.7", "file-loader": "^1.1.5", "html-webpack-plugin": "^2.30.1", "less": "^2.7.3", "less-loader": "^4.0.5", "node-sass": "^4.5.3", "sass-loader": "^6.0.6", "style-loader": "^0.19.0", "url-loader": "^0.6.2", "vue-loader": "^13.3.0", "vue-template-compiler": "^2.5.2", "webpack": "^3.8.1", "webpack-dev-server": "^2.9.3" }, "dependencies": { "bootstrap": "^3.3.7", "mint-ui": "^2.2.9", "vue": "^2.5.2", "vue-router": "^3.0.1" } } ``` 错误提示: ``` ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7ba5bd90","scoped": true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modules/vue-loader/lib/selector .js?type=styles&index=0!./src/App.vue Module build failed: .box{ ^ Invalid CSS after ".box{": expected "}", was "{" in F:\vuetest\day7\src\App.vue (line 19, column 6) @ ./node_modules/vue-style-loader!./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":" data-v-7ba5bd90","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/lib/loader.js?indentedSyntax!./node_modul es/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-331 13:3-17:5 14:22-339 @ ./src/App.vue @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server ./src/main.js

vue打包后static下的json文件没有单独出现,打包后的文件可以正常运行,我想打包后可以修改这个文件

const resolve = require("path").resolve; var webpack = require('webpack') const HtmlWebpackPlugin = require("html-webpack-plugin"); module.exports = { entry:{ app: './src/main.js' }, output: { path: resolve(__dirname, './dist'), publicPath: process.env.NODE_ENV != 'production' ?'':'./', chunkFilename: "CWL_[id].js?[chunkhash]", filename: process.env.NODE_ENV === 'production' ? "[name].js?[chunkhash]" : "[name].js", }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ] }, { test: /\.less$/, use:['style-loader','css-loader','less-loader'] }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|jpeg|gif|eot|ttf|woff|woff2|svg|svgz)(\?.+)?$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, plugins: [ // new webpack.optimize.CommonsChunkPlugin({ // names: ["vendor", "manifest"] // }), new HtmlWebpackPlugin({ template: "index.html",favicon:'static/favicon.ico' }), new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), ], resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { port:9889, host:'192.168.50.107', proxy: { '/api/': { target: '', changeOrigin: true, pathRewrite: { '^/api': '' } } }, }, performance: { hints: false }, devtool: process.env.NODE_ENV != 'production'? "#eval-source-map" : "#source" } ![图片说明](https://img-ask.csdn.net/upload/201904/18/1555581901_396467.jpg)

vue路由的路径问题,使用了webpack代理

# vue路由的路径问题,使用了webpack代理 遇到一个问题,项目使用Vue,我在登录后跳转首页的时候请求接口数据,请求成功, ![图片说明](https://img-ask.csdn.net/upload/202006/09/1591687436_135427.png) 以下是请求成功: ![图片说明](https://img-ask.csdn.net/upload/202006/09/1591687462_754077.png) 后面是在当前首页做了嵌套路由,切换页面 ![图片说明](https://img-ask.csdn.net/upload/202006/09/1591687522_350354.png) ![图片说明](https://img-ask.csdn.net/upload/202006/09/1591687532_980708.png) 我发现请求路径自动带上了home,我是用webpack做的代理 希望有大神能解答! ![图片说明](https://img-ask.csdn.net/upload/202006/09/1591714173_362021.png) 以下是解决问题的截图: ![图片说明](https://img-ask.csdn.net/upload/202006/10/1591797515_743564.png) 你在线下和后端联调接口的时候一定要配置好axios的defaults.baseURL,但是真实的线上环境你就是后端的域名就行

vue-cli webpack 中import 带有@的css 报错

vue-cli webpack 中import 带有@的css 报错 我想添加style-loader 有好多config文件应该在那个文件里面添加style-loader

vue+vuex的项目,使用webpack打包生产环境后,如何运行呢?

vue+vuex的项目,使用webpack打包生产环境后,如何运行呢? 有样例代码最好

webpack+vue-cli脚手架构建的项目启动后卡到崩溃

![图片说明](https://img-ask.csdn.net/upload/201803/01/1519873860_121086.png) 请问有人遇到过这是怎么回事吗?

关于Vue + Webpack构建项目,想通过代理跨域访问,但是proxyTable死活无效果

这是index.js中ProxyTable ``` proxyTable: { '/api/*':{ target:'http://wwww.baidu.com', changeOrigin:true, pathRewrite:{ '^/api':'' } } }, ``` 这是webpack.dev.config.js ``` devServer: { clientLogLevel: 'warning', historyApiFallback: { rewrites: [ { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') }, ], }, hot: true, contentBase: false, // since we use CopyWebpackPlugin. compress: true, host: HOST || config.dev.host, port: PORT || config.dev.port, open: config.dev.autoOpenBrowser, overlay: config.dev.errorOverlay ? { warnings: false, errors: true } : false, publicPath: config.dev.assetsPublicPath, proxy: config.dev.proxyTable, quiet: true, // necessary for FriendlyErrorsPlugin watchOptions: { poll: config.dev.poll, } }, ``` 执行结果,没有打印出代理的地址 ![图片说明](https://img-ask.csdn.net/upload/201903/18/1552899710_727503.png) 请问到底还需要设置什么吗?

vue-cli引入css一直失败

vue-cli用的webpack-simple模板在main.js中import './assets/css/main.css' 报错:Canot find module 'assets/css/main.css' 不知道问什么,求大神帮忙解决一下

vue引入js报错无法使用

最近在开发一个vue项目,我在网上找了一个webpack打包好的HTML的模板, 然后将页面分成多个组件,分别在vue中实现,但是在引入js时出现了问题,我吧js文件放在了assets下,引入时一直报错这个js中有文件找不到,这个js主要是监听一些DOM元素,动态添加一些样式,还有各种事件的监听,并没有定义一些调用的函数。我试过把js单独部署在tomcat中然后再vue项目index.html中以链接的方式引入就可以正常使用,就是不能zaivue项目中存放、编译、使用

Vue-cli 的热更新无效问题

我使用vue init webpack-simple ProjectName创建了一个简单的Vue-cli工程,但是无法实现热更新。每次一点点改动就需要重新编译运行才能看到效果,十分困扰。 我的webpack配置如下: ``` const path = require('path') const webpack = require('webpack'); console.log(path.resolve(__dirname, './src/main.js')) module.exports = { //热部署 entry:[ path.resolve(__dirname, './src/main.js'), 'webpack-dev-server/client?http://localhost:8080/', ], output: { path: path.resolve(__dirname, './dist'), publicPath: './dist/', filename: 'build.js' }, module: { rules: [ { test: /\.css$/, use: [ 'vue-style-loader', 'css-loader' ], }, { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { } // other vue-loader options go here } }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, { test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' } } ] }, resolve: { alias: { 'vue$': 'vue/dist/vue.esm.js' }, extensions: ['*', '.js', '.vue', '.json'] }, devServer: { //这里可以配置端口号 // port:8080, // host: 'localhost', //重定向404 historyApiFallback: true, noInfo: true, //编译出错的时候,在浏览器页面上显示错误 overlay: true, hot:true, inline:true, //该目录不填默认是项目目录 // contentBase: path.resolve(__dirname), }, performance: { hints: false }, devtool: '#eval-source-map', //配置webpack插件 plugins:[ //热加载插件 new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ] } if (process.env.NODE_ENV === 'production') { module.exports.devtool = '#source-map' // http://vue-loader.vuejs.org/en/workflow/production.html module.exports.plugins = (module.exports.plugins || []).concat([ new webpack.DefinePlugin({ 'process.env': { NODE_ENV: '"production"' } }), new webpack.optimize.UglifyJsPlugin({ sourceMap: true, compress: { warnings: false } }), new webpack.LoaderOptionsPlugin({ minimize: true }) ]) } ``` package.json如下: ``` { "name": "srms", "description": "A Vue.js project", "version": "1.0.0", "author": "Snile <826245622@qq.com>", "license": "", "private": true, "scripts": { "clean": "rd /s /q dist", "build": "cross-env NODE_ENV=production webpack --progress --hide-modules", "dev": "npm run build && cross-env NODE_ENV=development webpack-dev-server --open --inline --hot" }, "dependencies": { "vue": "^2.5.11", "vue-router": "^3.0.2" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ], "devDependencies": { "babel-core": "^6.26.0", "babel-loader": "^7.1.2", "babel-preset-env": "^1.6.0", "babel-preset-stage-3": "^6.24.1", "cross-env": "^5.0.5", "css-loader": "^0.28.7", "file-loader": "^1.1.4", "vue-loader": "^14.2.3", "vue-template-compiler": "^2.4.4", "webpack": "^3.12.0", "webpack-dev-server": "^2.9.1" } } ``` 该配置似乎能检测到文件的变化,每次改动后,控制台都会输出: client:77 [WDS] Hot Module Replacement enabled. 2client:80 [WDS] App updated. Recompiling... client:223 [WDS] App hot update...

vue开发环境中能正常在ie中运行,打包后就在ie中就出现无效字符

vue开发环境中能正常在ie中运行,打包后就在ie中就出现无效字符, 找了很久发现是导出word功能出现问题,求教如何解决,哪怕屏蔽在ie中屏蔽掉导出功能也行 ![这个是线上的](https://img-ask.csdn.net/upload/202005/18/1589800178_739696.png) ![这个是本地开发环境](https://img-ask.csdn.net/upload/202005/18/1589800205_532910.png)

vue cli 3.0 文件压缩如何去掉console.log?

期望vue 打包之后,项目里面调试信息console.log 可以自动去掉。 我在vue.config.js 文件的配置项增加了这一部分 ``` configureWebpack:{ optimization: { minimizer: [ new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_console: true,//console drop_debugger: false, pure_funcs: ['console.log']//移除console } } }) ] } } ```

Vue项目兼容IE浏览器 使用babel-preset-env后依然无效

如题,使用babel-preset-env配置后 进行 run build 打包编译,打包后的代码 如 箭头函数,let 依然没有转为ES5语法,导致IE浏览器报错 报错如图(IE10): ![图片说明](https://img-ask.csdn.net/upload/201912/16/1576490114_823601.png) ![图片说明](https://img-ask.csdn.net/upload/201912/16/1576490159_725227.png) 以下是babel-preset-env相关配置: //babel.config.js: --- ``` javascript const plugins = []; if (['production', 'prod'].includes(process.env.NODE_ENV)) { plugins.push("transform-remove-console") } module.exports = { presets: [ [ "@vue/app", { "useBuiltIns": "entry", polyfills: [ 'es6.promise', 'es6.symbol' ] } ] ], plugins: plugins }; ``` //.babelrc --- ```javascript { "presets": [ "@babel/preset-env" ], "plugins": [ "@babel/plugin-transform-runtime" ] } ``` //Vue.config.js --- ```javascript module.exports = { transpileDependencies: ['webpack-dev-server/client'], publicPath: process.env.NODE_ENV === 'production' ? '/cdss/' : '/', outputDir: 'cdss', assetsDir: 'static', chainWebpack: config => { config.entry.app = ['babel-polyfill', './src/main.js']; } }; ``` //main.js --- ```javascript import '@babel/polyfill'; //第一行 import Es6Promise from 'es6-promise' Es6Promise.polyfill(); //...其他常规配置 ``` //package.json --- ```json //...其他常规配置 "browserslist": [ "> 1%", "last 2 versions", "ie <=8" ] ``` 难道是哪儿配置有问题吗?怎么改都不行 [这是我看的教程帖](https://blog.csdn.net/qq_42767631/article/details/91352267 "Vue-cli3 项目在安卓低版本系统和 IE 上白屏问题解决").

如果能重来,我不会选择北漂——初见北京

一个人走的路

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

2020年大厂Java面试前复习的正确姿势(800+面试题答案解析)

前言 个人觉得面试也像是一场全新的征程,失败和胜利都是平常之事。所以,劝各位不要因为面试失败而灰心、 丧失斗志。也不要因为面试通过而沾沾自喜,等待你的将是更美好的未来,继续加油! 本篇分享的面试题内容包括:Java、MyBatis、ZooKeeper、Dubbo、Elasticsearch、Redis、MySQL、Spring、SpringBoot、SpringCloud、RabbitMQ...

抖音上很火的时钟效果

反正,我的抖音没人看,别人都有几十万个赞什么的。 发到CSDN上来,大家交流下~ 主要用到原生态的 JS+CSS3。 具体不解释了,看注释: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/tit...

记录下入职中软一个月(外包华为)

我在年前从上一家公司离职,没想到过年期间疫情爆发,我也被困在家里,在家呆着的日子让人很焦躁,于是我疯狂的投简历,看面试题,希望可以进大公司去看看。 我也有幸面试了我觉得还挺大的公司的(虽然不是bat之类的大厂,但是作为一名二本计算机专业刚毕业的大学生bat那些大厂我连投简历的勇气都没有),最后选择了中软,我知道这是一家外包公司,待遇各方面甚至不如我的上一家公司,但是对我而言这可是外包华为,能...

又出事了?网站被攻击了?高中生?

北京时间2020年3月27日9点整,如往常一样来到公司,带开电脑,正准备打开Github网站看一会源代码,再开始手头的工作。哟吼,一直打不开,一直出现如下页面: 我想很多网友也尝到了甜头,各大技术群炸开了锅,据网友反馈有攻击者正在发起大规模的中间人挟持,京东和Github等网站等网站都受到了影响。 什么是中间中间人挟持呢? 简而言之,就是攻击者在数据网络传输的过程中,截获传输过程中的数据并篡改...

培训班出来的人后来都怎么样了?(二)

接着上回说,培训班学习生涯结束了。后面每天就是无休止的背面试题,不是没有头脑的背,培训公司还是有方法的,现在回想当时背的面试题好像都用上了,也被问到了。回头找找面试题,当时都是打印下来天天看,天天背。 不理解呢也要背,面试造飞机,上班拧螺丝。班里的同学开始四处投简历面试了,很快就有面试成功的,刚开始一个,然后越来越多。不知道是什么原因,尝到胜利果实的童鞋,不满足于自己通过的公司,嫌薪水要少了,选择...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

工作八年,月薪60K,裸辞两个月,投简历投到怀疑人生!

近日,有网友在某职场社交平台吐槽,自己裸辞两个月了,但是找工作却让自己的心态都要崩溃了,全部无果,不是已查看无回音,就是已查看不符合。 “工作八年,两年一跳,裸辞两个月了,之前月薪60K,最近找工作找的心态崩了!所有招聘工具都用了,全部无果,不是已查看无回音,就是已查看不符合。进头条,滴滴之类的大厂很难吗???!!!投简历投的开始怀疑人生了!希望 可以收到大厂offer” 先来看看网...

我把华为小米年报放一起,发现华为才是真·手机公司,小米确实不靠卖手机赚钱...

郭一璞 发自 凹非寺量子位 报道 | 公众号 QbitAI国产手机界的两大玩家,华为&amp;小米,昨天在同一天前后脚发布了2019年财报。同行冤家,发财报也碰在了同一天。那我们就对比...

大牛都会用的IDEA调试技巧!!!

导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA的调试用过吧,你说说怎么设置断点...

97年世界黑客编程大赛冠军作品(大小仅为16KB),惊艳世界的编程巨作

这是世界编程大赛第一名作品(97年Mekka ’97 4K Intro比赛)汇编语言所写。 整个文件只有4095个字节, 大小仅仅为16KB! 不仅实现了3D动画的效果!还有一段震撼人心的背景音乐!!! 内容无法以言语形容,实在太强大! 下面是代码,具体操作看最后! @echo off more +1 %~s0|debug e100 33 f6 bf 0 20 b5 10 f3 a5...

不要再到处使用 === 了

我们知道现在的开发人员都使用 === 来代替 ==,为什么呢?我在网上看到的大多数教程都认为,要预测 JavaScript 强制转换是如何工作这太复杂了,因此建议总是使用===。这些都...

什么是a站、b站、c站、d站、e站、f站、g站、h站、i站、j站、k站、l站、m站、n站?00后的世界我不懂!

A站 AcFun弹幕视频网,简称“A站”,成立于2007年6月,取意于Anime Comic Fun,是中国大陆第一家弹幕视频网站。A站以视频为载体,逐步发展出基于原生内容二次创作的完整生态,拥有高质量互动弹幕,是中国弹幕文化的发源地;拥有大量超粘性的用户群体,产生输出了金坷垃、鬼畜全明星、我的滑板鞋、小苹果等大量网络流行文化,也是中国二次元文化的发源地。 B站 全称“哔哩哔哩(bilibili...

十个摸鱼,哦,不对,是炫酷(可以玩一整天)的网站!!!

文章目录前言正文**1、Kaspersky Cyberthreat real-time map****2、Finding Home****3、Silk – Interactive Generative Art****4、Liquid Particles 3D****5、WINDOWS93****6、Staggering Beauty****7、Ostagram图片生成器网址****8、全历史网址*...

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

毕业5年,我熬夜整理出了这50个优质的电子书网站,吐血推荐!

大家好,我是武哥,最近经常有小伙伴问我要电子书,都什么年代了,还找不到电子书吗?如果要说原因,那就是你还没遇到武哥我(手动滑稽~)!我今天把这么多年我经常看的电子书网站整理一下给大家,基本上能解决大家的需求。不管是在校生还是已经工作了,相信肯定对你有所帮助! 1.鸠摩搜书 首先给大家推荐的网站是:鸠摩搜书 地址:https://www.jiumodiary.com/ 这个网上非常棒,上面有很多优质...

MySQL性能优化(五):为什么查询速度这么慢

前期回顾: MySQL性能优化(一):MySQL架构与核心问题 MySQL性能优化(二):选择优化的数据类型 MySQL性能优化(三):深入理解索引的这点事 MySQL性能优化(四):如何高效正确的使用索引 前面章节我们介绍了如何选择优化的数据类型、如何高效的使用索引,这些对于高性能的MySQL来说是必不可少的。但这些还完全不够,还需要合理的设计查询。如果查询写的很糟糕,即使表结构再合理、索引再...

大厂的 404 页面都长啥样?最后一个笑了...

每天浏览各大网站,难免会碰到404页面啊。你注意过404页面么?猿妹搜罗来了下面这些知名网站的404页面,以供大家欣赏,看看哪个网站更有创意: 正在上传…重新上传取消 腾讯 正在上传…重新上传取消 网易 淘宝 百度 新浪微博 正在上传…重新上传取消 新浪 京东 优酷 腾讯视频 搜...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

总结了Mybatis,原来知识点也没多少嘛

看完这篇Mybatis,感觉你三天就会用了。

爬虫(101)爬点重口味的

小弟最近在学校无聊的很哪,浏览网页突然看到一张图片,都快流鼻血。。。然后小弟冥思苦想,得干一点有趣的事情python 爬虫库安装https://s.taobao.com/api?_ks...

疫情后北上广深租房价格跌了吗? | Alfred数据室

去年3月份我们发布了《北上广深租房图鉴》(点击阅读),细数了北上广深租房的各种因素对租房价格的影响。一年过去了,在面临新冠疫情的后续影响、城市尚未完全恢复正常运转、学校还没开学等情况下...

面试官给我挖坑:a[i][j] 和 a[j][i] 有什么区别?

点击上方“朱小厮的博客”,选择“设为星标”后台回复&#34;1024&#34;领取公众号专属资料本文以一个简单的程序开头——数组赋值:int LEN = 10000; int[][] ...

在拼多多上班,是一种什么样的体验?我心态崩了呀!

之前有很多读者咨询我:武哥,在拼多多上班是一种什么样的体验?由于一直很忙,没抽出时间来和大家分享。上周末特地花点时间来写了一篇文章,跟大家分享一下拼多多的日常。 1. 倒时差的作息 可能很多小伙伴都听说了,拼多多加班很严重。这怎么说呢?作息上确实和其他公司有点区别,大家知道 996,那么自然也就能理解拼多多的“11 11 6”了。 所以当很多小伙伴早上出门时,他们是这样的: 我们是这样的: 当...

相关热词 c# 开发接口 c# 中方法上面的限制 c# java 时间戳 c#单元测试入门 c# 数组转化成文本 c#实体类主外键关系设置 c# 子函数 局部 c#窗口位置设置 c# list 查询 c# 事件 执行顺序
立即提问
相关内容推荐