关于mpvue集成原生page页、组件

在mpvue中集成原生page、原生组件

集成原生page

• 可以在根目录建立native文件夹来存放page
• 在build/webpack.base.conf.js中进行打包配置

  // 其实就是参考static文件夹的配置进行的
  let baseWebpackConfig={
    ...., //其他配置
    plugins:[
      ....., //其他配置
    new CopyWebpackPlugin([
      {
        from: path.resolve(__dirname, "../static"),
        to: path.resolve(config.build.assetsRoot, "./static"),
        ignore: [".*"],
      },
    ]),
    //对在native文件夹里的内容打包进pages文件夹
    new CopyWebpackPlugin([
      {
        from: path.resolve(__dirname, "../native"),
        to: path.resolve(config.build.assetsRoot, "./pages"),
        ignore: [".*"],
      },
    ])
    ]
  }
  

• 在app.json中配置原生的page的路径

npm run dev 在dist/wx/pages/ 中就可以看到添加的原生page

集成原生组件

• 可以将原生组件放到static文件中
• 在app.json中进行配置

{
  "usingComponents": {
   
  }
}

然后就能使用原生组件了

ps:两者的原理是差不多的

参考：
https://www.jianshu.com/p/1b3b9e17ac88