Webpack-2【JS模块化、Webpack模块化、CSS模块化概念】

可乐雪碧薄荷糖

于 2021-03-01 19:45:53 发布

阅读量227

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Webpack 文章标签： webpack

本文链接：https://blog.csdn.net/Yesterday_Tomorrow/article/details/114270074

Webpack 专栏收录该内容

8 篇文章

订阅专栏

一.JS模块化

CommonJs模块化规范

引入

const Header = require('header.js')

抛出

module.exports = Header;

二.Webpack模块化

webpack只知道模块相关的事情，是个模块打包的工具

webpack支持模块的类型 js css vue png jpg

三.CSS模块化

webpack.config.js

const path = require('path')
module.exports = {
    entry: './index.js'//入口配置
    output:{
        filename:'bundle.js'//编译后文件名
        path:path.resolve(__dirname,'bundle')//路径配置
    }
}

npx webpack --config ./webpack.dev.config.js //指定配置文件

package.json

scripts:{
    "build":'webpack'
}
npm run build打包 这样就不用指向npx webpack