seeui/seeui-webpack-demo

A Simple SeeUI & SeeUI Mobile Demo in Webpack

SeeUI & SeeUI Mobile Demo

如何预览该项目

初始化

npm i

启动本地服务

npm start

编译项目

npm run build

进行代码检查（使用 fecs 检查）

npm run lint

如何在自己的 Webpack 项目中引用 SeeUI & SeeUI Mobile

安装依赖

# seeui or seeui-mobile 任选一个安装
npm i seeui seeui-mobile --save
# 编译 js（stage 可以任选）
npm i babel-core babel-loader babel-preset-es2015 babel-preset-react babel-preset-stage-0 --save-dev
# 编译样式的依赖
npm i style-loader css-loader file-loader --save-dev

配置 Webpack

{
    module: {
        loaders: [
            // compile seeui & seeui-mobile js
            {
                test: /\.js$/,
                loader: ['babel-loader'],
                // 如果不想影响项目中其他 js，可以设置为只对 seeui & seeui-mobile 中的 js 做编译处理
                include: [path.resolve(__dirname, '../node_modules/seeui')],
                include: [path.resolve(__dirname, '../node_modules/seeui-mobile')]
            },
            // compile seeui & seeui-mobile css
            {
                test: /\.css$/,
                loader: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: ['css-loader'],
                    publicPath: './'
                })
            },
            // compile seeui & seeui-mobile font
            {
                test: /\.(svg|eot|ttf|woff)$/,
                loader: ['file-loader'],
                // 如果不想影响项目中其他 font，可以设置为只对 seeui & seeui-mobile 中的 font 做编译处理
                include: [path.resolve(__dirname, '../node_modules/seeui')]
                include: [path.resolve(__dirname, '../node_modules/seeui-mobile')]
            }
        ]
    }
}