• 一、rollup


    参考:
    redux
    reach-router
    rollup-starter-lib
    rollup-starter-app
    roller-cli
    create-react-library





    一、安装 npm install
    --global rollup 二、命令: rollup -c 默认指向rollup.config.js import babel from 'rollup-plugin-babel'; import commonjs from 'rollup-plugin-commonjs'; import peerDepsExternal from 'rollup-plugin-peer-deps-external'; import postcss from 'rollup-plugin-postcss'; import resolve from 'rollup-plugin-node-resolve'; import image from 'rollup-plugin-image'; import sizes from 'rollup-plugin-sizes'; // import env from 'rollup-plugin-env'; // import uglify from 'rollup-plugin-uglify'; import pkg from './package.json'; const external = Object.keys(pkg.dependencies || {}); export default { input: 'src/index.js', output: [ { file: pkg.main, format: 'cjs', }, { file: pkg.module, format: 'es', sourcemap: true, }, ], plugins: [ // env({ NODE_ENV: 'production' }), peerDepsExternal(), postcss({ modules: true, }), image(), babel({ exclude: 'node_modules/**', }), resolve(), commonjs({ include: 'node_modules/**', namedExports: { 'node_modules/react/index.js': ['Component', 'PureComponent', 'Children', 'createElement'], }, }), // uglify(), sizes({ details: true }), ], external, // dependencies 内 不需要打包进去,运行时加载 }; 三、 rollyup 默认将相对路径加载, 如果想加载node_module 需要用rollup-plugin-node-resolve. Rollup will only resolve relative module IDs by default. If you do want to include the module in your bundle, you need to tell Rollup how to find it. In most cases, this is a question of using rollup-plugin-node-resolve. 四 Since most packages in your node_modules folder are probably legacy CommonJS rather than JavaScript modules, you may need to use rollup-plugin-commonjs: 五、 rollup-plugin-babel 在Babel实际编译代码之前,需要进行配置。 创建一个新文件src/.babelrc:
  • 相关阅读:
    [原]鼠标移至小图,自动显示相应大图
    [整理]asp.net导出Excel/Csv格式数据方案
    [整理]asp.net 上传大文件解决方案
    唐伯虎诗词
    [转]浅析软件项目管理中的10个误区
    [推荐]让SQL跑得更快
    [原]ASP.Net常用功能整理生成图片的缩略图
    [推荐]数据库性能优化
    SQL优化原则
    天地男儿
  • 原文地址:https://www.cnblogs.com/shangyueyue/p/10615135.html
Copyright © 2020-2023  润新知