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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack3.6 启动后地址怎么变成 localhost:端口号/pages/index/index.html
    53
    0

    webpack3.6 启动后地址 localhost:端口号

    想修改成 localhost:端口号/pages/index/index.html

    需要修改webpack什么配置文件

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 抹茶味的百奇 普通会员 1楼

      在webpack3.6中,启动项目后,如果你想将项目的地址变为localhost:端口号/pages/index/index.html,你可以按照以下步骤进行操作:

      1. 在你的项目根目录下创建一个名为webpack.config.js的文件,这是webpack配置文件。

      2. webpack.config.js文件中,你需要配置webpack的服务器端口。在devServer选项中,你可以设置hostport参数。

      javascript module.exports = { devServer: { host: 'localhost', port: 8000 } }

      1. webpack.config.js文件中,你还需要配置webpack的其他设置,如output、module、plugins等。

      javascript module.exports = { output: { path: path.resolve(__dirname, 'dist'), filename: '[name].js' }, module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env'] } } } ] }, plugins: [ new webpack.optimize.DedupePlugin(), new webpack.optimize.UglifyJsPlugin({ output: { filename: '[name].min.js' } }) ] }

      1. 最后,你需要在你的项目中使用这个webpack配置。在你的package.json文件中,你需要添加一个scripts对象,其中包含一个start函数,该函数启动webpack并监听端口。

      json { "scripts": { "start": "webpack --host 0.0.0.0 --port 8000" } }

      1. 最后,你需要在你的项目中启动你的应用。在命令行中,你可以使用以下命令启动你的应用:

      npm start

      现在,你的webpack项目应该将地址变为localhost:8000/pages/index/index.html。

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