parcel 入坑记录

听说parcel很好很强大，于是就抱着试试的态度做了个了解。

话不多说，开始搞！

安装： 

npm install -g parcel-bundler

 

初始化项目：

npm init

安装使用babel

npm install  babel-preset-env --save-dev

在根目录新建 .babelrc 文件

{
    "presets": ["env"]
}

使用 stylus  直接安装即可

npm install stylus --save-dev

使用 postcss autoprefixer 

npm install postcss autoprefixer --save-dev

最后附上demo截图

demo1.html

demo1.js

a.js

style.styl

运行命令 使用 -p 可以之定义端口号

parcel demo1.html -p 8001

打包结果

运行结果

 

最后打包生产环境  可以使用

parcel build demo.html

会在dist目录生成对应的文件。

 

本文到此结束，有不正确的地方欢迎指出。如有雷同，不胜荣幸。