账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack 这个配置有什么作用?
    39
    0

    看vuex 的例子,有一个配置不清楚,在vuex examples server.js 中一个配置 publicPath: '/__build__/' , '/__build__/'是在那个目录,运行起来没有这个目录?
    配置:

    //server.js
    
    
    const express = require('express')
    const webpack = require('webpack')
    const webpackDevMiddleware = require('webpack-dev-middleware')
    const webpackHotMiddleware = require('webpack-hot-middleware')
    const WebpackConfig = require('./webpack.config')
    
    const app = express()
    const compiler = webpack(WebpackConfig)
    
    app.use(webpackDevMiddleware(compiler, {
      publicPath: '/__build__/',//这个路径是在那?
      stats: {
        colors: true,
        chunks: false
      }
    }))
    
    app.use(webpackHotMiddleware(compiler))
    
    app.use(express.static(__dirname))
    
    const port = process.env.PORT || 8080
    module.exports = app.listen(port, () => {
      console.log(`Server listening on http://localhost:${port}, Ctrl+C to stop`)
    })

    vuex的源码:
    https://github.com/vuejs/vuex...

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 萌逗ζ 普通会员 1楼

      Webpack 是一个用于构建现代 Web 应用程序的工具。它使用模块化的分治策略,可以有效地管理和组织代码。

      Webpack 的主要作用有以下几点:

      1. 压缩和分发:Webpack 可以将代码压缩成更小的文件,以便在移动设备或在线服务器上更快地加载。它还可以将文件分发到不同的服务器,以提高加载速度。

      2. 编译和优化:Webpack 可以使用各种工具和插件来编译代码,优化其性能。这可能包括去除重复的代码、优化图片、压缩CSS和JavaScript文件等。

      3. 管理模块:Webpack 可以帮助你管理你的模块。它可以让你更轻松地导入、导出和导入模块,从而简化你的代码库。

      4. 代码压缩:Webpack 可以自动压缩代码,以减少文件大小。这可以帮助你的应用程序在移动设备或在线服务器上更快地加载。

      5. 错误处理:Webpack 可以提供错误处理功能,帮助你调试你的应用程序。它还可以帮助你识别和修复错误,以确保你的应用程序按预期工作。

      总之,Webpack 是一个强大的工具,可以帮助你构建现代 Web 应用程序。它可以帮助你更高效地组织和编译代码,优化性能,简化代码库,并提供错误处理功能。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部