react-read-pdf-prettier/configs/webpack/lib.js

基于react-read-pdf项目修改的一款自用的pdfview组件 有更简洁的样式

process.env.NODE_ENV = 'lib';
const path = require('path');

const ASSET_PATH = process.env.ASSET_PATH || '/';

const config = {
    mode:'development',
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx'],
    },
    entry: path.resolve(__dirname, '../../src/index.tsx'),
    output: {
        publicPath: ASSET_PATH,
        path: path.resolve(__dirname, '../../lib'),
        library: 'test',
        libraryTarget: 'umd',
        filename: 'app.js',
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ["env", "stage-2"],
                    },
                },
                exclude: /node_modules/,
            },
            {
                test: /\.tsx?$/,
                use: ['ts-loader'],
            },
            {
                test: /\.(css|less|scss)$/,
                use: [
                    require.resolve("style-loader"),
                    {
                        loader: "typings-for-css-modules-loader",
                        options: {
                            namedexport: true,
                            camelcase: true,
                            modules: true,
                        },
                    },
                    {
                        loader: require.resolve("less-loader"), // compiles Less to CSS
                    },
                ],
            },
            {
                test: /\.(png|jpg|gif)$/i,
                use: [
                    {
                        loader: 'url-loader',
                        options: {
                            limit: 8192,
                        },
                    },
                ],
            },
        ],
    },
};
module.exports = config;