vue.comfig.js中配置，生产环境打包css样式定位不准问题

industry-admin/src/views/device/deviceLedger/addItem.vue

@@ -271,7 +271,7 @@ export default {
 }
 </script>
 
-<style >
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-max {
     height: 80vh;
 

industry-admin/src/views/device/deviceLedger/deviceDirectory.vue

@@ -128,7 +128,7 @@ export default {
     }
 }
 </script>
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-med {
     height: 65vh;
 

industry-admin/src/views/device/deviceLedger/deviceLedger.vue

@@ -478,7 +478,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-max {
     height: 90vh;
 

industry-admin/src/views/device/deviceLedger/index.vue

@@ -425,6 +425,6 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 @import './index.css';
 </style>

industry-admin/src/views/device/deviceLedger/itemList.vue

@@ -180,7 +180,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-max {
     height: 88vh;
 

industry-admin/src/views/device/deviceType/chooseDeviceType.vue

@@ -115,7 +115,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-med {
     height: 60vh;
 

industry-admin/src/views/device/deviceType/deviceType.vue

@@ -129,7 +129,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-med {
     height: 62vh;
 

industry-admin/src/views/source/dataModel/index.vue

@@ -277,6 +277,6 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 @import './index.css'
 </style>

industry-admin/src/views/source/dataSource/index.vue

@@ -654,6 +654,6 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 @import './index.css';
 </style>

industry-admin/src/views/source/itemGroup/alarmConfig.vue

@@ -430,4 +430,4 @@ export default {
     }
 }
 </script>
-<style rel="stylesheet/scss" lang="scss"></style>
+<style rel="stylesheet/scss" lang="scss" scoped></style>

industry-admin/src/views/source/itemGroup/index.vue

@@ -196,6 +196,6 @@ export default {
   }
 }
 </script>
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 @import './dialog.css';
 </style>

industry-admin/src/views/source/itemGroup/item copy.vue

@@ -453,7 +453,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-max {
     height: 85vh;
 

industry-admin/src/views/source/itemGroup/item.vue

@@ -453,7 +453,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-max {
     height: 85vh;
 

industry-admin/src/views/source/itemGroup/itemChoose.vue

@@ -280,7 +280,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .dialog-med {
     height: 50vh;
 

industry-admin/src/views/source/itemGroup/itemChooseTree.vue

@@ -534,7 +534,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 @import './itemChooseTree.css';
 
 .dialog-max {

industry-admin/vue.config.js

@@ -27,6 +27,10 @@ module.exports = {
   publicPath: './',
   outputDir: 'dist',
   assetsDir: 'static',
+  /** 防止生产环境打包，样式丢失 */
+  css: {
+    extract: false
+  },
   lintOnSave: process.env.NODE_ENV === 'development',
   productionSourceMap: false,
   devServer: {

industry-system/cqcy-ei-da/src/main/resources/static/page/static/css/chunk-5565aa3a.bde66e74.css

@@ -1 +0,0 @@
-.errPage-container[data-v-94bfa130]{width:800px;max-width:100%;margin:100px auto}.errPage-container .pan-back-btn[data-v-94bfa130]{background:#008489;color:#fff;border:none!important}.errPage-container .pan-gif[data-v-94bfa130]{margin:0 auto;display:block}.errPage-container .pan-img[data-v-94bfa130]{display:block;margin:0 auto;width:100%}.errPage-container .text-jumbo[data-v-94bfa130]{font-size:60px;font-weight:700;color:#484848}.errPage-container .list-unstyled[data-v-94bfa130]{font-size:14px}.errPage-container .list-unstyled li[data-v-94bfa130]{padding-bottom:5px}.errPage-container .list-unstyled a[data-v-94bfa130]{color:#008489;text-decoration:none}.errPage-container .list-unstyled a[data-v-94bfa130]:hover{text-decoration:underline}

industry-system/cqcy-ei-da/src/main/resources/static/page/static/css/chunk-7ba6392c.4c39e12c.css

@@ -1 +0,0 @@
-.login-container .el-input{display:inline-block;width:85%}.login-container .el-input input{background:transparent;border:0;-webkit-appearance:none;border-radius:0}.login-container .el-form-item{border:1px solid rgba(0,0,0,.1);border-radius:5px;color:#454545}.login-container{height:100%;background-image:url(../../static/img/cqcybg.1c249f95.png);background-size:cover;overflow:hidden}.login-container .login-div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;margin-right:10%}.login-container .login-form{border-radius:6px;background:#fff;width:400px;padding:25px 25px 5px 25px}.login-container .login-form .el-input,.login-container .login-form .el-input input{height:38px}.login-container .login-form .input-icon{height:39px;width:14px;margin-left:2px}.login-container .svg-container{padding-left:15px;color:#889aa4;vertical-align:middle;width:30px;display:inline-block}.login-container .title{margin:0 auto 30px auto;text-align:center;font-weight:600;color:#000}.login-container .show-pwd{position:absolute;right:10px;top:2px;font-size:16px;color:#889aa4;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-container .login-code{width:33%;height:38px;float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.login-container .login-code img{cursor:pointer;vertical-align:middle}.login-container .code-div{border:0;position:relative}.login-container .login-code-img{height:38px}

industry-system/cqcy-ei-da/src/main/resources/static/page/static/js/chunk-23122476.b80b9a32.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-23122476"],{"1db4":function(t,s,i){"use strict";i.r(s);var c=function(){var t=this,s=t.$createElement,i=t._self._c||s;return i("div",{staticClass:"wscn-http404-container"},[i("div",{staticClass:"wscn-http404"},[t._m(0),i("div",{staticClass:"bullshit"},[i("div",{staticClass:"bullshit__oops"},[t._v(" 404错误! ")]),i("div",{staticClass:"bullshit__headline"},[t._v(" "+t._s(t.message)+" ")]),i("div",{staticClass:"bullshit__info"},[t._v(" 对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。 ")]),i("router-link",{staticClass:"bullshit__return-home",attrs:{to:"/"}},[t._v(" 返回首页 ")])],1)])])},a=[function(){var t=this,s=t.$createElement,c=t._self._c||s;return c("div",{staticClass:"pic-404"},[c("img",{staticClass:"pic-404__parent",attrs:{src:i("3dfc"),alt:"404"}}),c("img",{staticClass:"pic-404__child left",attrs:{src:i("3dfc"),alt:"404"}}),c("img",{staticClass:"pic-404__child mid",attrs:{src:i("3dfc"),alt:"404"}}),c("img",{staticClass:"pic-404__child right",attrs:{src:i("3dfc"),alt:"404"}})])}],l={name:"Page404",computed:{message:function(){return"找不到网页！"}}},e=l,n=(i("261d"),i("2877")),r=Object(n["a"])(e,c,a,!1,null,"94922fe6",null);s["default"]=r.exports},"261d":function(t,s,i){"use strict";i("9e89")},"3dfc":function(t,s,i){t.exports=i.p+"static/img/404.fc9cf043.png"},"9e89":function(t,s,i){}}]);

industry-system/cqcy-ei-da/src/main/resources/static/page/static/js/chunk-5565aa3a.35fe3cc7.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5565aa3a"],{"24e2":function(t,a,e){"use strict";e.r(a);var s=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"errPage-container"},[e("el-button",{staticClass:"pan-back-btn",attrs:{icon:"arrow-left"},on:{click:t.back}},[t._v(" 返回 ")]),e("el-row",[e("el-col",{attrs:{span:12}},[e("h1",{staticClass:"text-jumbo text-ginormous"},[t._v(" 401错误! ")]),e("h2",[t._v("您没有访问权限！")]),e("h6",[t._v("对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面")]),e("ul",{staticClass:"list-unstyled"},[e("li",{staticClass:"link-type"},[e("router-link",{attrs:{to:"/"}},[t._v(" 回首页 ")])],1)])]),e("el-col",{attrs:{span:12}},[e("img",{attrs:{src:t.errGif,width:"313",height:"428",alt:"Girl has dropped her ice cream."}})])],1)],1)},n=[],r=e("7ce44"),i=e.n(r),c={name:"Page401",data:function(){return{errGif:i.a+"?"+ +new Date}},methods:{back:function(){this.$route.query.noGoBack?this.$router.push({path:"/"}):this.$router.go(-1)}}},o=c,l=(e("6db0"),e("2877")),u=Object(l["a"])(o,s,n,!1,null,"94bfa130",null);a["default"]=u.exports},"6db0":function(t,a,e){"use strict";e("e1a7")},"7ce44":function(t,a,e){t.exports=e.p+"static/img/401.c02fb16a.png"},e1a7:function(t,a,e){}}]);