10天掌握webpack 4.0 服务篇
2023-09-11 14:22:18 时间
npm i webpack-dev-server –D
安装插件
在 webpack.config.js 添加配置
- contentBase 配置开发服务运行时的文件根目录
- host:开发服务器监听的主机地址
- compress 开发服务器是否启动gzip等压缩
- port:开发服务器监听的端口
devServer: { //配置开发服务运行时的文件根目录 contentBase: path.join(__dirname, 'dist'), //开发服务器监听的端口 port: 9000, //开发服务器是否启动gzip等压缩 compress: true, host: 'localhost' },
添加运行脚本
package.json
"scripts": { "build": "webpack", "dev": "webpack-dev-server --open" }
启动:
相关文章
- webpack系列——webpack3导入jQuery的新方案
- vue之cli脚手架安装和webpack-simple模板项目生成
- webpack插件自动加css3前缀
- [Webpack] Detect Unused Code with Webpack and unused-files-webpack-plugin
- [Webpack 2] Hashing with Webpack for long term caching
- vue-cli是什么?和 webpack是什么关系?
- webpack+gulp实现自动构建部署
- EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV、RTSP流媒体服务器前端源码重构(一)-从零开始搭建 webpack + vue + AdminLTE 多页面脚手架
- [Webpack] Externalize Dependencies to be Loaded via CDN with webpack
- [Webpack] Analyze a Production JavaScript Bundle with webpack-bundle-analyzer
- [Webpack + React] Import CSS Modules with TypeScript and webpack
- [Webpack 2] Maintain sane file sizes with webpack code splitting
- [Webpack 2] Validate your Webpack config with webpack-validator
- 拷贝插件 copy-webpack-plugin
- reactjs使用eject暴露webpack核心配置
- Webpack基础应用篇 - [5]自动引入资源
- vue项目中sass全局引用变量 sass-resources-loader webpack配置
- Vue、Vuejs从入门到精通 | Webpack详解
- 【项目实战】Webpack入门知识