webpack-03-webpack与vue的结合

使用vue实例的render方法渲染组件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var vm = new Vue({
el: '#app',
data: {

},
methods: {

},
components: {

},
render: function (createElements) {
return createElements(login)
}
})

webpack-02-自动打包、插件、Babel等怎么搞

使用webpack-dev-server工具实现自动打包编译

  • 安装webpack-dev-server到本地依赖
1
npm i webpack-dev-server@2 -D

一定要注意版本问题,我亲测

webpack版本别太高,webpack-dev-server别比webpack还高

webpack-01-基本配置

nrm ls

1
2
3
4
5
6
7
	npm -------- https://registry.npmjs.org/
yarn ------- https://registry.yarnpkg.com/
cnpm ------- http://r.cnpmjs.org/
* taobao ----- https://registry.npm.taobao.org/
nj --------- https://registry.nodejitsu.com/
npmMirror -- https://skimdb.npmjs.com/registry/
edunpm ----- http://registry.enpmjs.org/
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×

// tidio机器人助手