webpack技术使用及配置

Posted longtao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack技术使用及配置相关的知识,希望对你有一定的参考价值。

安装方式

npm install webpack -S

基础使用方式

命令行输入 webpack 入口 出口

webpack 配置文件 webpack.config.js 基础使用方式

    const path = require("path");   // 引入node 中的 path 模块处理路径
    module.exports = {
          entry : "./src/main.js",
           output : {
            path : path.join(__dirname,"./dist"),
            filename : "bundle.js"
}
}

以上是关于webpack技术使用及配置的主要内容,如果未能解决你的问题,请参考以下文章

经过webpack和babel打包过的前端代码可以还原最初的html+css+js吗?

Webpack实战:Webpack打包工具安装及参数配置

一文学会 webpack(下)

vue.config.js中的webpack配置,优化及多页面应用开发

webpack基本配置

走进webpack--环境拆分及模块化