Vue基础技术 webpack-dev-server的配置和使用_loglevel webpack-dev-server

2401_84619530

已于 2024-05-08 18:12:24 修改

阅读量1.3k

点赞数 13

分类专栏：程序员文章标签： vue.js webpack 前端

于 2024-05-08 18:12:23 首次发布

本文链接：https://blog.youkuaiyun.com/2401_84619530/article/details/138581509

版权

学习分享，共勉

题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】


1.2 修改npm script脚本，为不同的指令指定不同的环境变量


![](https://img-blog.csdnimg.cn/20190714075733773.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2did2luZQ==,size_16,color_FFFFFF,t_70)


1.3 在webpack.config.js文件中读取npm script脚本命令携带的环境变量，脚本命令中设置的环境变量都会存在process.env这个对象里面，因此我们可以通过这个对象拿到我们设置的所有环境变量，然后进行判断来处理不同环境下的配置信息

const path = require(‘path’)

const isDev = process.env.NODE_ENV === ‘development’

const config = {
target: ‘web’,
entry: path.join(__dirname, ‘src/index.js’),
output: {
filename: ‘bundle.js’,
path: path.join(__dirname, ‘dist’)
},
module: {
rules: [
{
test: /.vue $KaTeX parse error: Expected 'EOF', got '}' at position 53: \dots$