webpack入门

写在前面的：webpack最基本的作用就是压缩打包

一、创建webpack.config.js文件

二、添加代码

const path = require('path');

module.exports = {
  mode: 'development', //模式
  entry: './src/index.js', //压缩入口文件
  output: {
    path: path.resolve(__dirname, 'dest'), //输出文件路径
    filename: 'bundle.js' //输出文件名
  },
  module: {
    rules: [ //相对应的规则
      { test: /\.css$/i, use: ['style-loader', 'css-loader'] },
      {test: /\.(eot|svg|ttf|woff|woff2)$/i, use: 'file-loader'}
    ]
  }
};

三、在cmd下进入当前项目文件夹下，并输入webpack（如下所示即为编译成功，正常情况下应该没有第一行的undefined，我是测试一个变量才有的）

四、查看文件夹就有了压缩好的文件，就可以引用了