图片 1

 

(2)在档次中生成package.json

cd C:\Users\dell\Documents\HBuilderProject\hello

全局安装代码:

npm install -g webpack

2、项目中动用webpack

 图片 2

1、安装webpack

"webpack":"webpack --config webpack.config.js --progress --display-modules --colors --display-reasons"

 

项目目录结构为:

 

npm run webpack

(1)进入项目目录

效果:

有个布局项:–display-reasons
是reasons,不是reason

执行命令:webpack

(5)本项目利用webpack

webpack执行成功了。

(6)执行webpack配置参数

执行命令:

在package.json中编辑webpack配置参数,如:

图片 3

图片 4

npm init

 

 

 

(3)本项目中安装Webpack

npm install --save-dev webpack
(4)编写配置文件

module.exports = {

    //打包入口
    entry: './src/js/main.js',
    //打包后的文件
    output: {
        //不加__dirname 会报错

        //path:__dirname +'./dist/js',
        //filename:'bundle.js'
        //以上2行window下报错 

        path: __dirname,
        filename: './dist/js/bundle.js'

    }
}

相关文章

网站地图xml地图