2.配置文件webpack.config.js

新建webpack.config.js文件

const path = require('path');
module.exports = {
    // 入口 
    entry: { 
        entry: './src/entry.js',
    },
    // 出口
    output: {
        //绝对路径
        path: path.resolve(__dirname,'dist'),
        //打包好的文件名字叫什么
        filename: 'bundle.js'
    },
    // 模块
    module: {},
    //插件
    plugins: [],
    //开发服务
    devServer: {}
}

入口文件随意命名(多文件配置)

entry:{
  entry:"",
  entry1:""
}
filename:'[name].js'

配置地本服务

devServer: {
        contentBase: path.resolve(__dirname, 'dist'),
        host: '',
        compress: true, //服务端是否启用压缩
        port:
    }

安装webpack-dev-server

cnpm install webpack-dev-server --save-dev

更改package.json中的scripts,运行项目命令

"scripts": {
  "server":"webpack-dev-server"
},

运行npm run server

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容