一: 如何快速搭建一个组件库 首先,我们介绍一个快速包装组件库的工具:https://github.com/yanhaijing/jslib-base     按照文档来,就简单几步: npx @js-lib/cli mylib jslib new mylib 然后我们src 目录添加我们自己的文件库,然后以 index.js 导出文件. 例如:     index.js 是对外提供了函数或者变量接口 // import 'babel-polyfill'; import jsBridge fro…
最近在学习使用webpack,在项目最后打包过程,执行npm run build之后得到的dist目录放到服务器上打开,显示空白页面,但是标题能正常显示,查看控制台发现是数据位置请求报错,查阅资料后知道是打包初始目录设置错误,现将解决方法整理如下: 找到webpack配置文件.webpack.js 需要说明,不同的webpack版本或者打包管理器所生成的配置文件名甚至文件位置都可能不一样,不清楚自己项目配置文件位置在哪的可以通过全局搜索publicPath或者assetsPublicPath来找…
问题描述 vue-electron 使用sqlite3数据库,执行npm run build 报错如下: .NET Framework 2.0 SDK,Microsoft Visual Studio 2005[C:\temp\wechat\node_modules\sqlite3\build\binding.sln]Failed to execute 'C:\Program Files (x86)\nodejs\node.exe C:\Program Files (x86)\nodejs\nod…
遇到了执行npm run build 后报错: [build:js ] Module not found: Error: Can't resolve 'scss-loader' in 'D:\works\works\H5-IM\im-h5\src\pages' 在webpack.config.js里面加: test: /\.vue$/, loader: 'vue-loader', options: { autoprefixer: false, loaders: { scss: 'vue-styl…
最近一段时间在用electron+vue做内部项目的一键构建发布系统的桌面应用,现就其中打包流程写个备注,以示记录. Windows环境打包:1.首先贴一下package.json. { "name": "******",//隐藏项目名 "version": "**.**.**",//隐藏版本号 "author": "*** <***>",//隐藏作者信息 "des…
vue使用npm run build命令打包项目   当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来,但是现在我们要把他放到服务器上的话用npm run build命令就可以啦. 首先 命令行执行npm run build命令,命令需要在项目目录下执行 C:\Users\John\Desktop\demo>npm run build   我的是一个在桌面…
我们用vue-cli搭建的项目执行npm build后本地打开页面空白,如果才能查看npm run build之后的结果呢 首先我们看一下提示 Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work. 这段话的意思就是说:构建文件务必放在一个HTTP服务器.直接打开index.html文件将不工作,那如何本地查看呢:(1)到项目目录下的confi…
之前删除过 node-moudel 文件夹,然后 npm install 重新安装,一切OK.打包的时候,报错,找不到caniuse什么的.再删除node-moudel,重新cnpm install 安装,npm run dev,npm run build .都可以了 在这个工程中,css-loader的版本号是0.26.1,vue-loader的版本号是11.0.0,于是我卸载了index工程下的css-loader插件,命令是:cnpm uninstall css-loader --save…
问题描述 在electron-vue执行npm run build时报错,错误如下: ⨯ cannot execute cause=fork/exec C:\Users\801\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.5.0\rcedit-ia32.exe: Access is denied.command='C:\Users\801\AppData\Local\electron-builder\Cache\w…
问题一:assetsPublicPath配置错误 解决办法:打开config/index.js文件 build:{        // assetsPublicPath: '/'        assetsPublicPath: './'    } 问题二:路由history模式配置有误router/index.js解决办法:关闭路由historym模式 export default new Router({      // mode: 'history', // require service…