wangdongm123的博客

在项目中创建build文件夹，创建base.config.js文件（存放公共的东西，开发时依赖，生产时依赖）创建dev.config.js文件（存放开发时依赖的配置）：创建prod.config.js文件（存放生产时依赖的配置）所以，在开发时，配置文件就是base.config.js+dev.config.js生产时，配置文件就是base.config.js+prod.config....

在开发中，每次改了内容，就会重新打包运行，很麻烦，这个时候就可以搭建本地服务器。webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。不过它是一个单独的模块，在webpack中使用之前需要先安装它步骤一：安装服务器npm install --save-dev webpack-d...

7.1 认识plugin7.2 添加版权的Plugin7.3 打包html的plugin7.4 js压缩的Plugin7.1 认识pluginplugin是什么？plugin是插件的意思，通常是用于对某个现有的架构进行扩展。webpack中的插件，就是对webpack现有功能的各种扩展，比如打包优化，文件压缩等等。loader和plugin区别loader主要用于转换某些类型的模...

6.1 引用vue.js6.2 打包项目：错误信息6.3 el和template区别6.4 Vue组件化开发引入6.5 .vue文件封装处理6.6 组件引用组件6.1 引用vue.jsnpm install vue –save注：因为我们后续是在实际项目中也会使用vue的，所以并不是开发时依赖接下来就可以使用Vue了6.2 打包项目：错误信息重新打包，会发现报错：这...

内容概述认识webpackwebpack的安装webpack的起步webpack的配置loader的使用webpack中配置Vueplugin的使用搭建本地服务器参考文档

  在之前的内容，主要是用webpack来处理我们写的js代码，并且webpack会自动处理js之间相关的依赖。但是，在开发中不仅仅有基本的js代码处理，还需要加载css，图片，也包括一些高级的将ES6转成ES5代码，将TypeScript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成js文件等等。  对于webpack本身的能力来说，对于这些转化是不支持的。  ...

4.1入口和出口  如果每次使用webpack的命令都需要写上入口和出口作为参数，就非常麻烦，有没有一种方法可以将这两个参数写到配置中，在运行时，直接读取呢？  当然可以，就是创建一个webpack.config.js文件（文件名字固定，不能随便取）webpack.config.js文件内容：path需要动态获取路径，这里要用到node的语法，首先要导出path的模块，会去node的包...

创建如下文件和文件夹：dist文件夹：用于存放之后打包的文件src文件：用于存放我们写的源文件3.1commonJS模块化导出这是基于nodejs使用的导出方式，没有nodejs的支撑是无法使用的！module.exports= {} 导出3.2commonJS模块化导入require导入3.3js文件的打包  现在的js文件中使用了模块化的方式进行开发，他们可以直接使用吗...

  webpack为了可以正常运行，必须依赖node环境，node环境为了可以正常的执行很多代码，必须其中包含各种依赖的包，而npm工具（node packages manager）就是管理各种依赖的包。  所以，安装webpack首先需要安装Node.js，Node.js自带了软件包管理工具npm。2.1node.js 的官方下载地址https://nodejs.org/en/downlo...

从本质上来讲，webpack是一个现代的JavaScript应用的静态模块打包工具。我们从两个点来解释上面这句话：模块 和 打包将左边的文件通过webpack之后转化为右边浏览器可以执行的文件格式1.1前端模块化  前端模块化的一些方案：AMD、CMD、CommonJS、ES6。  在ES6之前，要想进行模块化开发，就必须借助于其他的工具，让我们可以进行模块化开发，并且在通过模块化开发...