在家的闲暇时间来完善自己的前端知识。经过两三天的学习，按照webpack文档学习，vue文档学习，最后实现了两者结合的目标。webpack按照网站上guide的流程依次学习1、使用npm安装webpack2、设置输入文件，比如怎样引入css，images，fonts，data3、设置输出文件，比如可以根据自己的设置来决定输出脚本的名称，生成新的页面，在每次生成新页面之前先把旧的页面进行清理4、开发过程中，使用source maps来显示提示信息，方便开发者定位错...
学习vue之前，首先学习前段打包工具--webpack，本文就是分享了关于webpack的学习，有兴趣的朋友可以看一下最近由于项目用到了vue，之前一直久闻大名，但是知之甚少，趁此机会学习一下vue。学习vue之前，首先学习了前段打包工具--webpack，目前非常优秀和使用广泛的打包工具。参照webpack官方教程进行学习，不过官方教程目前是基于webpack3的，而实际使用的是webpack4，目前有一些比较大的差异，也做了些总结，在这里做一个简单的记...
创建项目新建一个名为vue3-demo的文件夹 在该文件夹下运行cmd命令行窗口，执行npm init -y 快速生成一个package.json文件 安装依赖webpack webpack-dev-server webpack-cli webpack-merge html-webpack-plugin vue-loader 命令如下npm i -D webpack webpack-dev-server webpack-cli webpack-merge html-webpack-plugin vue-loader在根目录下创建webpack.base.config.js文件，内容为const path = require('path') const HtmlWebpac...
1 Webpack 1.1 什么是webpack1.2 前端模块化1.3 与其他打包工具frunt/gulp对比webpack的正常运行，必须依赖node环境，而npm是管理node依赖包2 main.js => render： new Vue({el:'#app',render :function(createElement) {//1.普通用法 createElement('标签’，{标签的属性]，[’'〕)return createElement('h2',{class:'box'},['Hello world', createElement('button',['按钮'])])//2.调用组件的用法return createElement(cpn)} ...