Construction moving end item [Notes]

 

Installation vue- cli 
    VUE the init WebPACK Pro - name 

--- 

open the Home screen skeleton HTTPS: // www.jianshu.com/p/0a1b01ad62d6 


installation screen skeleton 
    npm install VUE -skeleton-webpack- plugin 

webpack.dev.conf.js and webpack.prod.conf.js the introduction of plug-in 

to create a skeleton screen assembly src /skeleton.vue
 
create a skeleton file entry screen assembly src /entry-skeleton.js
 
Note: the Yarn upgrade WebPACK @ 4.6.0 

--- 

a page to achieve more screen skeleton HTTPS: // blog.csdn.net/ly124100427/article/details/81168908?utm_source=blogxgwz9 



--- 


VUE split the routing configuration module according to HTTPS: // www.jianshu.com/p/2833243987dd 

sub module js: 
    Export default
    Component: (Resolve) => Import ( '@ / Components / Skeleton / SkeletonFinanceSubMenuMore') the then (Module1 =>. Resolve (Module1)), 
Main Router: 
    Import from SkeletonRouter './Test/index.js' 
    routes: [SkeletonRouter ], 

---- 


Vue sub-project environment packed HTTPS: // blog.csdn.net/xinzi11243094/article/details/80521878
 
    01 installation Cross- env
     02 to modify the parameters under various environment
     03 to modify the project file package.json
     04 in webpackage .prod.conf.js environmental parameters used to build
     05 to adjust the build / build.js 

****** 
dev.env.js:

 'use strict' 

the let NPM_ENTER = process.env.npm_lifecycle_event 
NPM_ENTER= NPM_ENTER.indexOf(':') > -1 ? NPM_ENTER.split(':')[1] : NPM_ENTER

const DEV_CONFIG = {
  dev: {
    NODE_ENV: '"development"',
    EVN_CONFIG: '"dev"',
    API_ROOT: '"api/apis/v1"'
  },
  prod: {
    NODE_ENV: '"production"',
    EVN_CONFIG: '"prod"',
    API_ROOT: '"/apis/v1"'
  }
}

module.exports = DEV_CONFIG[NPM_ENTER]

******
config/index.js:
DEV_ENV: require ( './ dev.env'add three test pre prod environment preparation//

), 
Index: path.resolve (__ dirname, '../dist/index.html' ),

 ****** 
webpack.prod.conf.js: 

const the env = config.build.DEV_ENV 


---- 

Vue - cli scaffolding webpack base configuration file details HTTPS: // www.cnblogs.com/zhangruiqi/p/9062005.html 


---- 

px2rem HTTPS: // www.cnblogs.com/xiaobaibubai/p/8528744.html
 
    01 download lib - flexible
     02 introduced lib - flexible
     03 set meta tag
     04 installed px2rem- Loader
     05 configured px2rem-loader