zoukankan      html  css  js  c++  java
  • npm run dev启动过程

    1.npm run *** 是执行配置在package.json中的脚本,比如:

    "scripts": {

       "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",  

      "start": "npm run dev", "lint": "eslint --ext .js,.vue src",

      "build": "node build/build.js"

    },

    npm run dev 执行的就是webpack-dev-server --inline --progress --config build/webpack.dev.conf.js命令

    2.webpack.dev.conf文件通过merge引用了webpack.base.conf.js文件

    const baseWebpackConfig = require('./webpack.base.conf')

    3.在webpack.base.conf.js文件中调用了./src/main.js

    entry: {

       app: './src/main.js'

      },

    4.main.js用到了一个html元素#app,并创建了一个vue

    new Vue({

       el: '#app',  

      router,

      components: { App },

       template: '<App/>'

      })

    5.创建的vue会插入到webpack.dev.conf.js配置中HtmlWebpackPlugin配置的文件中

    new HtmlWebpackPlugin({

      filename: 'index.html',

      template: 'index.html',

      inject: true

      }),

    6.main.js中配置了router-view,router-view会加载HelloWorld.vue并插入到index.html的中

  • 相关阅读:
    bzoj3946
    bzoj3065
    bzoj1500
    bzoj1233
    bzoj1089
    bzoj1087
    bzoj1086
    if语句之猜拳
    if语句判断闰年、平年
    if语句判断身高体重是否标准
  • 原文地址:https://www.cnblogs.com/KoBe-bk/p/13541664.html
Copyright © 2011-2022 走看看