modules和webpack.config.js初建

1.npm init 初始化项目,创建了package.json文件

2.npm install webpack-cli --save-dev 安装webpack-cli,不建议全局安装,这样可以在多个项目中使用不同项目的webpack版本(文件夹多出来node_modules)

3.npm install webpack --save 安装webpack

4.npx webpack index.js   项目运行出现(dist文件夹)

目录结构


目录结构

使用知识点

1.Common.js  

    require  引入文件

    moule.exports = a  抛出方法

2.ES2015(es6)

    import 引入文件

    export defalut 方法名   抛出方法名

3.css/sass/less

@import 文件名

4.创建webpack.config.js   模块打包配置文件


webpack.config.js

5.更改webpack.config.js的名字     webpack --config 名字

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容