webpack打包

webpack打包_第1张图片

局部环境:

npm install [email protected] --save-dev

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依赖
webpack打包_第2张图片

 输入 npm init 回车

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

webpack打包_第3张图片

webpack打包_第4张图片

 npm run build

1 添加 

"build":"webpack"

webpack打包_第5张图片

 

 webpack打包_第6张图片

 

 npm install [email protected] --save-dev 安装局部webpack 

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

 

npm install vue-loader vue-template-compiler --save-dev

npm install html-webpack-plugin --save-dev

npm install [email protected] --save-dev

 

你可能感兴趣的:(webpack打包)