sao-simple-web's Introduction

sao-simple-web

简单网页应用生成器

如何使用

首先安装SAO。

yarn global add sao
# or
npm i -g sao

然后执行以下命令创建你的网页应用。

sao lpreterite/sao-simple-web my-project

特征

基于postcss提供scss和precss两种CSS编码风格
基于babel@7提供es6/7的JS编码风格和特性
基于webpack进行构建
样式基于autoprefixer处理兼容
样式基于cssnano处理压缩
基于webpack使用imagemin-webpack-plugin插件以复制的方式压缩图片
CSS样式与JS命令基于webpack使用html-webpack-plugin和mini-css-extract-plugin自动添加至HTML模板

License

MIT © lpreterite

sao-simple-web's People

Contributors

Stargazers

Watchers

sao-simple-web's Issues

JS引入图片后，构建会一直不成功

问题成因大概在outputPath设置上：

       {
            test: /\.(png|jpe?g|gif)$/,
            loader:'file-loader',
            options: {
                outputPath: path.resolve(__dirname, "assets/images"),
            }
        }

修改为下面的情况就正常了，图片将会生成到dist/assets目录下：

       {
            test: /\.(png|jpe?g|gif)$/,
            loader:'file-loader',
            options: {
                outputPath: "assets",
            }
        }

Recommend Projects