webpack操作文件 webpack 文档

vue文件怎么运行

vue文件怎么运行呢？下面就跟小编一起来看一看吧。

工具/原料

方法/步骤

1、首先，列出来我们需要的东西： node.js环境（npm包管理器）vue-cli 脚手架构建工具cnpm npm的TB镜像

2、如果你是用vue-cli webpack builid之后，放到web服务器，访问index.html就可以运行了。

3、常见的web服务器有tomcat，nginx等。推荐使用nginx。

4、在项目目录中，运行命令 npm run dev ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

这里简单介绍下 npm run dev 命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是 node build/dev-server.js命令的一个快捷方式。

5、项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。END

注意事项

如果看不懂，请教专业人员。

htmlwebpackplugin有什么用

HtmlWebpackPlugin是一个出现频率比较高的webpack插件。

HtmlWebpackPlugin是用于生成html文件。我们的疑问可能在于，webpack本身不能生成html文件，事实上，默认的webpack主要是用于处理js文件的依赖图构建和打包，当需要生成html文件时，便需要使HtmlWebpackPlugin插件。

webpack如何把没有引用的样式去掉

webpack会把没有引用的样式去掉。
webpack内置了一个tree shaking的功能，能够分析和去除没有被引用的代码，其中包括样式文件的处理，这样可以减少项目的加载时间，并提高网页的性能。
tree shaking在webpack的2.x版本开始出现，是一个常用的优化webpack打包的技术。
如果你使用Vue、React等框架，则可以配合使用babel等其他优化技术来进一步优化项目的构建过程。