webpack4实例

webpack现在已经成为前端很多的打包器。网上关于webpack的相关文章也是很多，本文主要是根据自己的学习步骤来记录的，进行简单的webpack实例的讲解.

注意：一定要确定安装的node.js的版本在5.0以上 命令：node -v 可以看到node.js 版本

这里我可以给大家推荐一个node.js  安装配置环境：https://blog.csdn.net/u012830533/article/details/79986984

（一）我们先从最简单的开始，步骤如下：

1.新建一个项目文件夹，此时文件夹没有任何东西。

2.cmd--然后再将命令行切换到当前目录下，

aaarticlea/png;base64,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" alt="" />

由于我的Dome文件建立在桌面,所以当前目录如下

3.执行如下命令：

npm init -y(文件加下生成了一个package.json的文件，这个文件很重要，概括的说就是该文件包含了当前工程所需要的所有依赖关系)

aaarticlea/png;base64,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" alt="" />

文件夹内如下：

4.现在我们就在webpackDome文件内新建文件夹src，src文件夹下新建main.js，然后webpackDome下新建文件webpack.config.js和index.html

main.js

main.js

输入：document.write("hello world");

index.html

页面内容如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<style>

body {

background-color: yellow;

}

</style>

</head>

<body>

<script src="dist/bundle.js"></script> （注： 这个js暂时不存在，不过我们可以先写这里）

</body>

</html>

1.webpack.config.js  (配置文件下配置）

const  path = require('path');

module.exports = {

entry:'./src/main.js',

output:{

path:path.resolve(__dirname,'dist'),

filename:'bundle.js'

}

}

4.执行如下指令

npm  install webpack --save-dev

此时我们在回去看文件夹，发现里面多出2个，这个是正常的。

1.在输入这条打包命令后点击回车

node_modules\.bin\webpack

命令执行成功后，你会发现webpack文件下多了一个dist文件夹，在dist文件夹中，多了一个bundle.js文件

此时在浏览器中打开index.html文件，你将看到如下内容

如此，我们便完成了一个最简单的webpack实例。

(二）下面我们将在这个基础上，一步步的进行扩展！！

1)生成html 模板

1.首先我们要先使用webpack插件里的html-wbpack-plugin，操作如下：

输入命令：npm install --save-dev html-webpack-plugin

 2.webpack.config.js

const  path = require('path');
const  HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry:'./src/main.js',
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'./index.html',
           template:'index.html'
        })
    ]  
}

3.修改index.html，去掉bundle.js的引用
index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>document</title>
    <style>
        body {
            background-color: yellow;
        }
    </style>
</head>
<body>
</body>
</html>

4.执行指令

node_modules\.bin\webpack

在回去看dist目录下生成了以webpack/index.html为模板的index.html

2) CSS文件文件处理
1.在src下新建一个css文件夹，并新建一个css文件style.css
然后将index.html中的样式移入到style.css文件中，并做一点小修改
style.css

body {
    background-color: yellow;
    color:red;
}

2.修改main.js

import  style from './css/style.css'

document.write("hello world!");

3.打包css文件需要使用css-loader,以及style-loader，需要使用npm进行安装

npm install --save-dev css-loader style-loader

进行webpack.config.js文件的配置

const  path = require('path');
const  HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry:'./src/main.js',
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
    module: {
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'./index.html',
           template:'index.html'
        })
    ]  
}

4.对css文件进行打包

node_modules\.bin\webpack

此时我们在浏览器中查看dist文件加下的index.html，结果如下

这时奇怪的地方来了，这里的index.html页面并没有引用任何的css文件，但是运行起来css却又被引用了的，这里就是为啥叫css打包了，因为样式文件在执行

node_modules\.bin\webpack这条命令后就已经被打包进了bundle.js脚本里面去了。大家可以在这个脚本里面搜索一下‘background-color’，一定会有。

3）加载图片打包

1.先在src目录下新建img文件夹，同时在该文件夹中放入一张图片test.jpg
修改style.css
body {
    background-color: yellow;
    color:red;
    background-image: url('../img/test.jpg');
}
如果此时我们直接去进行打包，是会报错的。我们需要相应的加载器去加载图片，这里我们使用的是url-loader，file-loader来加载文件。
npm  install --save-dev  url-loader   file-loader

2.更改配置文件

webpack.config.js

const  path = require('path');
const  HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry:'./src/main.js',
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
    module: {
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            },
            {
                test:/\.(jpg|png|gif)$/,
                use:[{
                    loader:'url-loader',
                    options:{
                        outputPath:'./images/',
                        limit:500
                    }
                }]
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'./index.html',
           template:'index.html'
        })
    ] 
}

3.添加图片后的css进行打包

node_modules\.bin\webpack

 打包成功之后，我们就会发现在dist文件下多了一个images文件夹，浏览dist/index.html ,内容如下

4)css包和js包分离

1.使用webpack的插件extract-text-webpack-plugin

npm install  --save-dev extract-text-webpack-plugin@next

2.配置webpack.config.js

const  path = require('path');
const  HtmlWebpackPlugin = require('html-webpack-plugin');
const  ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {
    entry:'./src/main.js',
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
    module: {
        rules:[
            {
                test:/\.css$/,
                use:ExtractTextPlugin.extract({
                    fallback:'style-loader',
                    use:'css-loader'
                })
            },
            {
                test:/\.(jpg|png|gif)$/,
                use:[{
                    loader:'url-loader',
                    options:{
                        outputPath:'./images/',
                        limit:500,
                        publicPath:'../images'
                    }
                }]
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'./index.html',
           template:'index.html'
        }),
        new ExtractTextPlugin('css/[name].[hash:8].css')
    ]  
}

3.命令行打包

node_modules\.bin\webpack

打包成功后返回webpack文件夹就能很明显的看到，dist文件夹下出现了一个css文件夹。内部就有css打包后的脚本

同时在去看dist文件下的index.html，也自动引用了css的打包脚本,如下图：

进行webpack.config.js文件的配置

const  path = require('path');
const  HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry:'./src/main.js',
    output:{
        path:path.resolve(__dirname,'dist'),
        filename:'bundle.js'
    },
    module: {
        rules:[
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            }
        ]
    },
    plugins:[
        new HtmlWebpackPlugin({
            filename:'./index.html',
           template:'index.html'
        })
    ]  
}

以上就是我研究webpack过程中写的一个小实例，我主要是根据https://blog.csdn.net/MessageBox_/article/details/81325034这个来研究的，里面的Dome步骤也是非常详细的，就是我自己写实例的过程中，在针对命令输入上面的使用是做了部分改进，这个上面的部分命令在我的dome中实战过程中报错较为明显的就是打包命令，不知道是不是配置方面略有不同的原因还是怎么的。

另外还有个webpack4基础入门网址，一开始我就是先看的这个https://www.cnblogs.com/Immortal-brother/p/8695179.html，需要的朋友也可以先看看。这个和上面一个比较来，更为基础，没用任何扩展，但是对基础使用上却更为详细，其中报考报错之后如果解决的也都一 一记录。