vfjcgg的博客

搭建本地服务器webpack提供了一个课选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用express框架，可以实现想要的让浏览器自动刷新显示我们修改后的结果。不过它是一个单独的模块，在webpack中使用之前需要先安装它：npm install --save-dev webpack-dev-server@2.9.1devserver也是作为webpack中的一个选项，选项本身可以设置如下属性：1.contentBase:为哪一个文件夹提供本地服务，默认是根文件夹，这里要填写.

webpack-横幅plugin的使用认识pluginplugin是什么？plugin是插件的意思，通常是用于对某个现有的框架进行扩展。webpack中的插件，就是对wenpack现有功能的各种扩展，比如打包优化，文件压缩等等。loader和plugin的区别：loader主要用于转换某些类型的模块，它是一个转换器和加载器。plugin是插件，它是对webpack本身的扩展，是一个扩展器。plugin的使用过程：步骤一：通过npm安装需要使用的plugins(某些webpack已经内置的插

创建Vue时template和el的关系SPA（single-page application）-> vue-runter(路由跳转)template里面的代码会替换原来的挂载的divindex的div里面就不要写东西了第一步：第二步：第三步：安装vue-loader和vue-template-compiler --save-devnpm install vue-loader vue-template-compiler --save-dev修改webpack.config.

webpack-使用Vue的配置过程引入Vue.js在项目中，会使用Vue.js进行开发，而且会以特殊的文件夹来组织Vue的组件。学习webpack环境中集成Vuejs在项目中使用Vuejs，那么必然需要对其有依赖，所以需要先进安装注：因为后续是在实际项目中也会使用Vue的，所以并不是开发时的依赖npm install vue --save打包项目-错误信息1.runtime-only->代码中不可以有任何的template2.runtime-compiler->代码中，可以

如果希望将ES6的语法转成ES5，那么久需要babel而在webpack中，我们直接使用babel对应的loader久可以了配置webpack.config,js文件这是和老师的配置的一样的，没有按照文档上的npm install --save-dev babel-loader@7 babel-core babel-preset-es2015重新打包，查看bundle.js文件，就会发现其中的内容变成了ES5的语法。...

webpack中使用css文件的配置什么是loader?loader是webpack中一个非常核心的概念。webpack用来做什么呢？1.在之前我写的一些代码中，主要是用来处理我写的js代码，并且webpack也会自动处理js之间的依赖关系。2.但是，我们不仅仅有基本的js代码处理，我们也需要加载css、图片、也包括一些高级的将ES6转成ES5代码，将typescript转成ES5代码，将scss、less转成css，将.jsx、.vue文件转成js 文件等等。3.对于webpack本身的能力来

在win10搜索栏输入CMD，并右键点击结果“以管理员身份运行”在命令提示符中输入如下命令后回车：　　net user administrator /active:yes再次以管理员身份运行命令提示符输入以下命令后回车：net user administrator /active:no此时管理员账户被关闭。运行webstom的时候就一管理员身份运行，这样在用本地的webpack时才不会出错。webpack.config.js配置文件的内容：const path=require('path')

一个文件里面有两个文件分别是dist(将源码打包之后放在dist里面)和src(源码)dist=>distribution:发布开发都是在src文件里面src里面有一个入口文件，一般叫main.js或者index.js，看个人习惯或要求。webpack ./src/main.js ./dist/bundle.js./src/main.js这是要打包的文件./dist/bundle.js这是打包之后的文件如果打包成功的话会出现下面的这张图：js文件打包现在的js文件中使用了模块化的方

什么是webpack?从本质上讲，webpack是一个现代的JavaScript应用的静态模块打包工具。webpack其中一个核心就是让我们可以进行模块化开发，并且会帮助我们处理模块间的依赖关系。webpack和grunt/gulp的对比grunt和gulp的核心是Task任务我们可以配置一系列的task（任务流），并且定义task要处理的事物（例如ES6、ts转化、图片压缩、scss转成css）之后让grunt、gulp来依次执行这些task，而且让整个流程自动化所以grunt/gulp也被