![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
她还会来吗
长夜将至,我从今开始守望
展开
-
搭建本地服务器
搭建本地服务器安装npm install webpack-dev-server --save-dev使用devserver也是作为webpack中的一个选项,选项本身可以设置如下属性:contentBase:为哪一个文件夹提供本地服务,默认是根文件夹,我们这里要填写./distport:端口号inline:页面实时刷新historyApiFallback:在SPA页面中,依赖HTML5的history模式module.exports={ devserver:{ // 为哪一个原创 2021-03-18 23:15:42 · 393 阅读 · 0 评论 -
plugin的认识与使用
认识pluginplugin是插件的意思,通常是用与对某个现有的架构进行扩展。webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等。loader和plugin的区别loader主要用于转换某些类型的模块,他是一个转换器plugin是插件,它是对webpack本身的扩展,是一个扩展器plugin的使用过程步骤一:通过npm 安装需要使用的plugins步骤二:在webpack.config.js中的plugins中配置插件在webpack.config.原创 2021-03-18 23:11:45 · 3044 阅读 · 0 评论 -
webpack基础学习
webpackwebpack是一个现代的js应用的静态模块打包工具,简单理解就是用于模块化开发和打包。它的运行依赖于Nodejs环境(前端模块化打包工具)gulp和webpack的不同gulp更加强调的是前端流程的自动化,模块化不是它的核心。webpack更加强调模块化开发管理,而文件压缩合并,预处理等功能,是它附带的功能。webpack的安装安装webpack前首先需要安装Node.js,Node.js自带了软件包管理工具npm利用npm install webpack安装。webpack原创 2021-03-17 09:39:08 · 71 阅读 · 0 评论 -
Webpack配置问题
webpack安装好后在终端运行程序时,出现了上面的错误提示,看着这一堆醒目的红色,头一下就大了(当时为什么要选择前端呢 淦).便赶紧去寻找度娘的帮助,尝试了好多人的答案后,最终发现在命令行使用webpack ./src/main.js --output-filename ./dist/bundle.js --output-path . --mode development才解决了这个问题–output-filename:设置要打包的文件目录–output-path:打包文件放置的文件目录–mode.原创 2021-03-10 12:51:53 · 84 阅读 · 0 评论 -
安装webpack-cli时遇到的问题
本文转载于https://www.jianshu.com/p/826e9c9b9557 最近在学习webpack过程中,根据官方文档推荐局部安装webpack,执行webpack -v命令出现以下提示webpack -vOne CLI for webpack must be installed. These are recommended choices, delivered as separate packages: - webpack-cli (https://github.com/webpa转载 2021-03-10 11:37:52 · 758 阅读 · 0 评论