学习笔记之webpack配置篇

Posted on

webpack是现在前端一款很好的文件配置加载工具， 我们自已很轻松使用他构建我们的项目。

首先我们要在我们的工作环境安装webpack环境依赖

1
npm install webpack --sava

现在来到我们的项目下,新建文件webpack的配置文件webpack.config.js

1
2
3
4
5
6
7
8
9
10
11
12
const path = require('path');

module.expres = {
    // 要编译的入口文件
    entry: '[name].js',
    output: {
        // 编译输出文件
        filename: 'name.js',
        // dist 是要输出的文件路径
        path: path.resolve(__dirname, 'dist')
    }
}

现在我们来到package.json文件里面, 修改以下对应内容

1
2
3
4
// 编译命令
script: {
    build: 'webpack'
}

现在我们回来命令行输入

1
npm run build

OK, 至此一个简单的webpack配置环境就算搭建完成了。

0%