guowenfh / vue-webpack Goto Github PK

View Code? Open in Web Editor NEW

315.0 22.0 96.0 5.43 MB

一个vue-webapck的学习记录教程，升级到了 webpack4

CSS 2.30% HTML 14.48% JavaScript 64.85% Vue 18.36%

vue-webpack's Introduction

vue-webpack

记录 vue-webapck 的学习基础，代码示例

2018-08-05最新更新：本教程已升级至 webpack4 ，旧的代码在 webpack1-backup 分支。将原来教程中部分不正确的地方也已经剔除。不过难免还有错误之处，欢迎指正。

代码示例位于 webpack 文件夹中。已经把所有练习的node_modules移除，若要正常使用，请安装运行npm install #推荐 cnpm 。

然后再根据文中的指令，进行打包、编译等操作。重要的是在运行过程中体会。学习。

教程目录:

这个教程更多的是从基础开始学习，vue 与 webpack 应该要怎么结合。在真实的实际项目中，还是推荐 vue-cli。

关于 vue-cli 生成的配置解析可以参考一下 vue-cli#2.0 webpack 配置分析

对于 react 可以考虑使用我基于 vue-cli 生成的配置修改的 react 版本 vue-cli-react-base。

使用 vue-cli 类似的配置与命令，来驱动 react 项目，在 router 分支也有使用 react + router + antd 的例子

若是有什么地方，没有写对的，也请大家指出，帮忙改进，谢谢！

vue-webpack's People

Contributors

Stargazers

Watchers

Forkers

zhoudanqin lzhengms feichangtutu anguseleven licsdasheng wwmin gesanduo sh19900816 zdgf benayoun yst726 kingsleyyu lililishan tracy-hui hugywin sarahann003 ichenghaojie teng2015 tianyanke ideamx554433 tietuo ygfgit kylin-z ditaotao singleswordy stone-sun wy54600316 yanchengqu c3porobot harryyoo coffic guanmeiqi alpc32 wxsloveyou colinw92 jensen5201 msq6323013 dariowill chenyueli wangyoukun jieliuriver sevencon beckxun ilvelh liangzhien star-sky-zx zerohu yuwq1098 niej520 1140349909 chenhaipeng amazinghuo ianyet htlp qinvi wyq09 mdzz110 alenlee-geek youjiuzidangge kaliso zhy92 mmmfff lemorlalala xie3507 adoer fortara colinrds wenghaoping zzc1745 youguodong cuitymiko hellocassiell fu896448817 unlcc lyken 287906497 lsjbfc sinkxy chensh23 feianjun luo83651896 zhujubin blue-skycat hhy5277 mxbmxl wohev6 mrgu1609 zy715 lojack636 xiongyi92 mhcxp awagink suyz0921 fuckusernameisalreadytaken misheep

vue-webpack's Issues

我拉去你的代码分支，可是安装组件出现问题， Unsupported previous source map format，

你好，出现这个问题，使webpack编译不成功，找不到原因，请问我是缺少了什么？具体错误如下
Error: Unsupported previous source map format: {"version":3,"sources":["src/components/list.vue?1fdebbe0"],"names":[],"mappings":";AAiCA;IACA,aAAA;IACA,kBAAA;IACA,iBAAA;;CAEA","file":"src/components/list.vue","sourcesContent"

适配2.0 就赞了

如题

"了解webpack插件"那一段代码我运行有错

var Webpack = require("webpack");//必须引入
module:{
},
plugins: [
new webpack.BannerPlugin("这里是打包文件头部注释！")//注意这是一个数组..
]

需要改成大写的W

new Webpack.BannerPlugin("这里是打包文件头部注释！")//注意这是一个数组..

05-five-vue文件 npm start启动服务报错

大神，膜拜

组件间通信

你好，这个系列的第六部分，app.vue、hello.vue、index.vue这三个组件间要通信怎么做，他们的父组件是？我看官网里写父组件“可以使用 props 把数据传给子组件”

有个坑吧，webpack.config里面的Webpack

var Webpack = require("webpack");应该是小写的
var webpack = require("webpack");

代码块显示问题

http://guowenfh.github.io/2016/03/28/vue-webpack-06-router/#more
中有代码块的展示，请问是用的什么工具，默认的Markdown做不出这种效果

grogress还是progress

Vue 2.0 后端构建与编译分开了

By default, the NPM package exports the runtime-only build. To use the standalone build, add the following alias to your Webpack config:
resolve: {
alias: {
'vue$': 'vue/dist/vue.common.js'
}
}
For Browserify, you can add an alias to your package.json:
"browser": {
"vue": "vue/dist/vue.common"
},

https://vuejs.org/v2/guide/installation.html#Standalone-vs-Runtime-only-Build

webpack中js引入css模块问题

如果js放在body中，js又引入了css模块，当用户初次进入页面时候会因为js没有加载完导致页面没有样式，过一会儿样式才正常显示，请问如果解决这个问题？

如果按传统的模式在头部引入对应的css，考虑到js是通过webpack打包后生成的新文件，那么css是如果解决打包后生成新文件

你好，有spa的generator吗? 配合webpack

网站找了好久，但都不理想，本教程的spa技术只提到了一点点。。。