init

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "test2",
+  "name": "official",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -8,12 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "bootstrap": "^3.3.7",
     "es6-promise": "^4.2.5",
     "image-webpack-loader": "^7.0.1",
-    "imagemin-gifsicle": "^7.0.0",
     "jquery": "^3.5.1",
-    "mozjpeg": "^7.0.0",
+    "less-loader": "^5.0.0",
     "url-loader": "^4.1.1",
     "vue": "^2.5.17",
     "vue-awesome-swiper": "^3.1.3",
@@ -24,6 +22,7 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.0.3",
     "@vue/cli-service": "^3.0.3",
+    "less": "^4.1.3",
     "vue-template-compiler": "^2.5.17"
   },
   "postcss": {

src/components/ifooter.vue

@@ -40,7 +40,7 @@
           <div class="bread">Copyright © 2018 Bimwe Technology co. LTD</div>
 
           <div class="beian-box">
-            <img :src="beianIcon" style="width:30px;" />
+            <img src="../assets/img/beian_icon.png'" style="width:30px;" />
             <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备19005870号-1</a>
           </div>
         </div>
@@ -53,7 +53,6 @@
 export default {
   data() {
     return {
-      beianIcon: require('../assets/img/beian_icon.png'),
       menus: window.config.menus,
       contactData: [
         { name: '地址', value: '上海市宝山区' },

vue.config.js

@@ -10,7 +10,7 @@ const BASE_URL = process.env.NODE_ENV === "development" ? "/" : "/";
 const sourceMap = process.env.NODE_ENV === "development";
 
 module.exports = {
-    baseUrl : BASE_URL,
+    publicPath : BASE_URL,
     // 如果你不需要使用eslint，把lintOnSave设为false即可
     lintOnSave: false,
     chainWebpack: (config) => {