el terminal móvil adaptado webpack rem px su vez, y una junta flexible interior para fregar la biblioteca

desarrollo de terminales móviles, que tenemos que hacer para adaptar el tamaño de la tramitación de diferentes modelos de teléfonos móviles

Simplemente grabarlo, webpack automática a su vez rem procesamiento de píxeles, y sólo necesitamos unidades px escritura de acuerdo con el tamaño de proyecto de diseño como

1. Instalación lib-flexibles
yarn add lib-flexible
2. Instalación px2rem-loader
yarn add px2rem-loader
3. Instalar [email protected]
yarn add [email protected]
webpack.config.js de configuración
  module: {
    rules: [
      {
        test: /\.js$/,
        use: "babel-loader"
      },
      {
        test: /\.css$/,
        use: [
          {
            loader: MiniCssExtractPlugin.loader
          },
          "css-loader",
          {
            loader: "px2rem-loader",
            // options here
            options: {
              remUni: 75,
              remPrecision: 8
            }
          }
        ]
      },
      {
        test: /\.(png|jpg|gif)$/,
        use: [
          {
            loader: "file-loader",
            options: {}
          }
        ]
      }
    ]
  },
Amoy juntos dentro de la biblioteca a la página, ya que se carga el código de la biblioteca para ser ejecutado en una página, por lo que poner la mayor parte frontal
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script>
      ${require("raw-loader!babel-loader!./node_modules/lib-flexible/flexible.js")}
    </script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

Su quema

Publicado 63 artículos originales · ganado elogios 100 · vistas 310 000 +

carta privada preocupaciones

el terminal móvil adaptado webpack rem px su vez, y una junta flexible interior para fregar la biblioteca

1. Instalación lib-flexibles

2. Instalación px2rem-loader

3. Instalar [email protected]

Supongo que te gusta