在webpack構建的專案中使用vue

2021-10-09 02:38:20 字數 1484 閱讀 9290

若是出錯,把package-lock.json刪除就好了

index.html:

lang

="en"

dir="ltr"

>

>

charset

="utf-8"

>

>

title

>

head

>

>

>

>

}h1>

div>

body

>

html

>

main.js:

//如何在webpack建立的專案中使用vue

//注意:在webpack中, 使用import vue from 'vue'匯入的vue建構函式,功能不完整,只提供了runtime-only的方式

//並沒有提供網頁中的使用方式

//這種方式可以

// import vue from '../node_modules/vue/dist/vue.js'

import vue from

'vue'

let vm=

newvue(}

)

匯入vue時會發生錯誤,有三種解決思路:

找到其中的main,將檔案改為vue.js

在其中加入

resolve:

}

修改後的webpack.config.js:

const path=

require

('path'

)//這個配置檔案,其實就是乙個node檔案,通過node中的模組操作,向外暴露了乙個配置物件

//匯入在記憶體中生成html的外掛程式

//只要是外掛程式都要放到plugins中去

const htmlwebpackplugin=

require

('html-webpack-plugin'

)module.exports=

, plugins:

[new

htmlwebpackplugin()

],module:

,//配置處理css檔案的第三方loader模組規則,test裡面是正規表示式

,//配置處理less檔案的規則

,//配置處理scss檔案規則

,//配置處理url

,//配置bable轉換高階的es語法]}

, resolve:

}}

在webpack構建的專案中使用vue

import vue from vue import vue from node modules vue dist vue.js webpack.config.js resoleve main.js import vue from vue var login index.html 另外一種方式 ma...

在專案中使用ExtJS

今天extjs官網發布了extjs最新正式版4.2.1。extjs為開發者在開發富客戶的b s應用中提供豐富的ui元件,具有統一的主題,便於快速開發,提高效率。但顯然它並不適合互聯 的開發。builds 壓縮後的extjs 體積更小,更快 docs 開發文件 examples 官方演示示例 loca...

在專案中使用springmvc

springmvc是spring框架的乙個模組,springmvc和spring無需通過中間整個層進行整合,它是乙個基於mvc的web框架。springmvc是基於方法開發的,struts2是基於類開發的。springmvc將url和controller方法對映,對映成功後springmvc生成乙個...