1. 程式人生 > >Vue如何載入main.js

Vue如何載入main.js

在工程檔案中使用main.js來載入App.vue檔案的,但沒有程式碼寫出來載入main.js的,而index.html中只有一個自定義標籤app,那麼工程是如何載入到main.js檔案的呢?

如果你是用vue.js官網提供的腳手架工具並沿用預設配置的話, 你執行npm run dev的時候會出來頁面, 是因為你根目錄下的package.json檔案裡script配置了:

"dev": "node build/dev-server.js",

也就是其實執行的是dev-server.js這個檔案,裡面有定義。

var webpackConfig = require('./webpack.dev.conf');

因為我們這個腳手架工具裡是用webpack來打包專案檔案的,依賴的webpack.dev.conf檔案裡又定義了。

var baseWebpackConfig = require('./webpack.base.conf');

在這個依賴webpack.base.conf檔案裡面entry入口檔案就配置了。

app: './src/main.js'

所以當你執行npm run dev的時候就從main.js這個入口檔案開始執行了。

相關推薦

Vue如何載入main.js

在工程檔案中使用main.js來載入App.vue檔案的,但沒有程式碼寫出來載入main.js的,而index.html中只有一個自定義標籤app,那麼工程是如何載入到main.js檔案的呢? 如果你是用vue.js官網提供的腳手架工具並沿用預設配置的話, 你執行npm

vue-載入遠端js

<template> .... your HTML </template> <script> export default { data: () => ({ ......data of your component }), mounte

vue專案中app.vuemain.js和 index.html的關聯

1.main.js是我們的入口檔案,主要作用是初始化vue例項並使用需要的外掛。 import Vue from 'vue' import App from './App' /* eslint-disable no-new */ new Vue({ el: '#ap

VUEmain.js、App.vue、index.html、render函式

1. main.js main.js 入口檔案: 初始化vue例項並使用需要的外掛 2.App.vue App.vue 主元件:是我們的主元件所有頁面都是在App.vue下進行切換的 3.index.html 入口檔案:index的body中只有一個id為app的di

vuemain.js 裡的/* eslint-disable no-new */

意專案中的這個,它的作用是:直接 eslint-disable 的作用是完全禁用ESLint進行檢測,eslint的常用技巧之一。 在js裡面,new 一個物件,需要賦值給某個值(變數),用Vue例項化的時候,不需要賦值給值(變數),所以要單獨給配一條規則

vue開發一個app(2,main.js

.html 第一次用 courier ace 第一次 router -s 提示 新建 昨天跟著vue的官網搭建了vue的一個腳手架,我也是第一次用VUE一切都在摸索階段。 今天試著看下裏面腳手架裏面有點什麽東西 先看看main.js

Vue-cli / webpack 載入靜態js檔案的方法

一、html-webpack-plugin 編譯 1、只需要在入口處定義一個chunks,如我們定義一個fuck模組 entry: { app: './src/main.js', fuck: ['./src/utils/index.js', './src/utils/index2.js']

vue實際專案開發中,公共js(全域性引入)檔案如何寫,如何引入到入口檔案main.js

公共js檔案,比如commen.js通過export default暴露出來export default { install(Vue,options){  Vue.prototype.方法名=function(){}}在入口檔案main.js引入import comm form './assets/js/c

vue2.0:專案開始,首頁入門(main.js,App.vue,import...from)

接下來,就需要對main.js App.vue 等進行操作了。   但是這就出現了一個問題:什麼是main.js,他主要幹什麼用的?App.vue又是幹什麼用的?main.js 裡面的import from又在幹嘛?newVue({})是幹嘛的?裡面又需要什麼引數,它到底能幹什麼。在網上搜

實現移動端上拉載入和下拉重新整理的vue外掛(mescroll.js)

做一個簡單的移動端展示專案,後臺分頁後前端載入,實現上拉載入下一頁,找了下,還是用這個mescroll.js外掛好一點 1.npm安裝 npm install --save mescroll.js //不要使用cnpm安裝 匯入(在哪個頁面使用,則在哪個頁面匯入

vue-cli中src/main.js 的作用

// The Vue build version to load with the `import` command // (runtime-only or standalone) has been set in webpack.base.conf with an alias. //main.js在渲染

vue main.js App.vue index.html之間的聯絡

1.main.js 1 import Vue from 'vue' 2 import App from './App' 3 //根例項 4 new Vue({ 5 //掛載到index.html的<div id="app"> 6 el: '#app', 7 //r

Vue.js框架下的main.js,App.vue,page/index.vue頁面之間的區別

1.index.html檔案入口;2.src放置元件和入口檔案;3.node_modules為依賴的模組;4.cofig中配置了路徑埠值等;5.build中配置了webback的基本配置、開發環境配置、生產環境配置等。main.js是我們的入口檔案,主要用於初始化vue例項,

學習vue後臺管理框架1(main.js)

膜拜下大神 main.js 檔案 import i18n from './lang' // Internationalization import './icons' // icon import './mock' //

Vue裡require('../config') 如何載入index.js

 1. 前言  最近在學習Vue,直接用vue-cli構建專案後,在 webpack-base-conf.js 裡有 var config = require('../config') 這段程式碼,執行

Vue main.js 文件中全局組件註冊部分

全局 小寫字母 div 註冊 for per reac port lac main.js中修改如下: 首字母替換成大寫,加上小寫字母v開頭。 import components from ‘./components/‘ //加載公共組件 Object.keys(co

main.js, App.vue, index.html關係

1.main.js import Vue from 'vue' import App from './App' ...... new Vue({ //掛載到index.html的<div id="app"> el: '#app', //router物

vue專案中,main.js,App.vue,index.html如何呼叫

1、main.js是我們的入口檔案,主要作用是初始化vue例項,並引入所需要的外掛 2、App.vue是我們的主元件,所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是Ap

在不使用全部vuejs框架,只在html中引用vue.js時,在main.js中呼叫其他js方法

//main.js var app= new Vue({ el:"#app", data:{ }, filters:{ }, computed:{ }, mounted:function(){

關於vue報錯This relative module was not found: * ./assets/css/bootstrap.min.css in ./src/main.js

當我將我的vue專案更換目錄提交後報出了這個錯誤,想起了vue引入jquery和bootstrap時的問題。 所以我嘗試著重新執行了引入jquery和bootstrap,步驟如下: 也就是分別執行了: cnpm install jquery –