Vue - webpack vue-loader配置

作者: =_=
发布时间: 2024-12-16 07:00:28 (28天前)
转自：

4 条回复

0#
回复此人
滔滔江水 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 你在ESLint上使用vue-cli吗？如果这样做，则在最后一个元素事件和分号后需要逗号。 </p> <pre> <code> import Vue from 'vue'; import App from './app.vue'; new Vue({ el: 'body', components: { App }, }); </code> </pre> </DIV>

编辑
1#
回复此人
咿呀哟 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 在使用vue的项目中，个人不建议单独配置webpack和vue-loader。你可以直接使用vue官方脚手架，vue-cli。不必考虑这些配置，自动配置。 <a href="https://vuejs.org/2015/12/28/vue-cli/" rel="nofollow noreferrer"> VUE-CLI </A> </p> <P> 如果您刚开始学习Vue，这是一个入门级演示。虽然它只是一个小应用程序，但它涵盖了很多知识点（vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack），包括前端，后端，数据库和其他网站一些必要的元素，对我来说，学习意义重大，想互相鼓励！ </p> <P> <a href="https://github.com/alloyteamzy/vue2_blog/" rel="nofollow noreferrer"> Vue演示 </A> </p> </DIV>

编辑
2#
回复此人
离线请留言 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您需要做一些额外的配置，以便正确加载工作。 </p> <P> 我强烈建议你使用 <code> vue-cli </code> 安装所有工作正常。 </p> <pre> <code> npm install -g vue-cli vue init webpack-simple hello cd hello npm install npm run dev </code> </pre> <P> 基本上，在你的 <code> webpack.config.js </code> ，你忘了/犯了错误： </p> <P> 1-加载程序名称应该是 <code> loader: 'vue-loader' </code> 代替 <code> loader: 'vue' </code> 。 </p> <P> 2-创建一个名为的密钥 <code> resolve </code> ，内容： </p> <pre> <code> alias: { vue$: 'vue/dist/vue.common.js', } </code> </pre> <P> 3-而这把钥匙 <code> vue: ...loader: babel </code> ，没有必要。 </p> </DIV>

编辑

登录后才能参与评论