webpack打包

Posted yahe

tags:

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

技术图片

1 创建webpack.config.js文件

const path = require(‘path‘)

module.exports = {
    entry: ‘./src/main.js‘,
    output: {
        path: path.resolve(__dirname, ‘dist‘),
        filename: ‘bundle.js‘,
    }
}
2 配置path依赖
技术图片

 输入 npm init 回车

配置名称 描述和其他,不需要配的直接回车 

技术图片

技术图片

 npm run build

1 添加 

"build":"webpack"

技术图片

 

 技术图片

 

 npm install webpack@3.6.0 --save-dev 安装局部webpack 

 npm run build会优先使用局部的npm

 

以上是关于webpack打包的主要内容,如果未能解决你的问题,请参考以下文章

Webpack打包

webpack-打包优化方案

如何用webpack打包一个网站应用

webpack打包原理

webpack的基础打包

使用 webpack 打包 js