mina webpack ดาวน์โหลด - mina webpack ดาวน์โหลดซอร์สโค้ด

mina webpack

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

มินะ-webpack

องค์ประกอบไฟล์เดียวของ Mina ตรงตาม Webpack

เริ่มต้นเลย

เราขอแนะนำให้คุณเริ่มต้นใช้งาน template-mina:

npm i -g sao

sao mina my-app
cd my-app
npm start

และดูวิธีใช้กับ TinaJS

รวมแพ็คเกจแล้ว

มีนา-โหลดเดอร์
mina-รันไทม์-webpack-ปลั๊กอิน
mina-รายการ-webpack-ปลั๊กอิน
wxs-โหลดเดอร์

การติดตั้งด้วยตนเอง

npm i --save-dev 
  @tinajs/mina-entry-webpack-plugin 
  @tinajs/mina-runtime-webpack-plugin 
  @tinajs/mina-loader 
  @tinajs/wxs-loader

การใช้งานที่ง่ายที่สุด

webpack.config.js :

 const webpack = require ( "webpack" ) ;
const MinaEntryPlugin = require ( "@tinajs/mina-entry-webpack-plugin" ) ;
const MinaRuntimePlugin = require ( "@tinajs/mina-runtime-webpack-plugin" ) ;
const resolve = require ( "path" ) . resolve ;

module . exports = {
  context : resolve ( "src" ) ,
  entry : "./app.mina" ,
  output : {
    path : resolve ( "dist" ) ,
    filename : "[name]" ,
    publicPath : "/" ,
    globalObject : "wx"
  } ,
  module : {
    rules : [
      {
        test : / .mina$ / ,
        use : {
          loader : "@tinajs/mina-loader" ,
          options : {
            loaders : {
              script : "babel-loader"
            }
          }
        }
      } ,
      {
        test : / .wxs$ / ,
        use : [
          {
            loader : '@tinajs/wxs-loader' ,
            options : {
              name : 'wxs/[name].[hash:6].[ext]' ,
            } ,
          } ,
        ] ,
      } ,
    ]
  } ,
  plugins : [
    new MinaEntryPlugin ( {
      map : entry => [ "es6-promise/dist/es6-promise.auto.js" , entry ]
    } ) ,
    new MinaRuntimePlugin ( )
  ] ,
  optimization : {
    splitChunks : {
      chunks : 'all' ,
      name : "common.js" ,
      minChunks : 2 ,
      minSize : 0
    } ,
    runtimeChunk : {
      name : "runtime.js"
    }
  } ,
  mode : "none"
} ;

แอพ.มินา :

< config >
{
  "pages": [
    "page.mina"
  ]
}
</ config >

< script >
require('./dependency.js')
App({
  onLaunch () {
    console.log(say({ text: 'Hello from App!' }))
  }
})
</ script >

เพจ.มีนา :

< config >
{
  "window":{
    "navigationBarTitleText": "Hello, World!"
  }
}
</ config >

< style >
.blue {
  color: #00f;
}
</ style >

< template >
  < view >
    < text class = " blue " >{{ msg }}</ text >
  </ view >
</ template >

< script >
require('./dependency.js')
Page({
  onLoad () {
    this.setData({
      msg: 'Hello from Page!',
    })
  },
})
</ script >