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

最新推荐文章于 2025-06-05 09:14:12 发布

原创

最新推荐文章于 2025-06-05 09:14:12 发布 · 476 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #面试 #学习

最后

推荐一些系统学习的途径和方法。

路线图

每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。

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

HTML 和 CSS：

html5知识

css基础知识

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$/,
                loader: 'vue-loader'
            },
            {
                test: /\.css$/,
                use: [
                    'style-loader',
                    'css-loader'