- Gemeinschaft
- Lernen
- Tools-Bibliothek
- Freizeit
Heim > Fragen und Antworten > Hauptteil
Ich lerne Vue-Loader,
Erstellen Sie neue Dateien
1 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<app></app>
<script src="build.js"></script>
</body>
</html>2 main.js
import Vue from "vue";3 webpack.config.js
module.exports={
entry:'./main.js',
output:{
path:__dirname,
filename:"build.js"
}
}4 Leere App.vue-Datei
5 Nach der Verwendung von npm init wurden Skripte auf den Ausführungsbefehl geändert
6 Webpck webpack-dev-server über cnpm heruntergeladen, install webpack webpack-dev-server
Nachdem npm run dev endlich bestanden wurde, wird der Fehler wie folgt gemeldet
FEHLER in ./main.js
Modul nicht gefunden: Fehler: „vue“ in „....vue-loader-demo“ kann nicht aufgelöst werden
@./main.js 1:0-22
@multi . /~/_webpack-dev-server@2.4.5@webpack-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./main.js
webpack: Kompilierung fehlgeschlagen.
Knie nieder und danke euch allen
阿神2017-05-19 10:16:31
webpack 就那点配置？？？
怎么编译vue啊？
弄个vue loader吧
module: {
loaders: [{
test: /\.vue$/,
loader: 'vue'
}]
}
给我你的怀抱2017-05-19 10:16:31
先按照以下两步试试看：
1.本地安装vue-loader依赖
cnpm isntall vue-loader --save-dev
安装成功后，vue-loader-demo文件夹下的package.json，devDependencies项会显示vue-loader和对应的版本号，例如：
"devDependencies": {
"vue-loader": "^11.3.4"
}2.增添webpack中对vue-loader的配置
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader'
}
]}