vue-cli2.0 脚手架下载命令和引入外部文件的方法

1.脚手架下载命令

cnpm install vue-cli -g  (全局下载vue-cli)
vue init webpack projectname    (创建vue 项目)

前两个是必须的

cd projectname       (进入文件夹)
cnpm install  (用这个下载模块)

2.引入外部文件的方法

一、存放在src目录下(npm下载的包),遵循模块定义规范,在需要的地方import进来

缺点:不能加载cdn资源(网络路径资源)

二、在static目录存放,在index.html内直接引入,可以全局使用,可以使用网络资源,不会经过webpack编译

三、将模块暴露方法定义在vue原型对象上,在组件内部可以通过this访问

注意:import 加载模块无先后顺序!!!!

比如如果需要在项目里引入jquery的插件,由于此插件依赖jQuery,所以需要用第二种方法引入jquery.如果用第一种方法需要如下配置plugin


plugins: [

    new HtmlwebpackPlugin({

      title: 'Hello World app'

    }),

    //provide $, jQuery and window.jQuery to every script

    new webpack.ProvidePlugin({

          $: "jquery",

          jQuery: "jquery",

          "window.jQuery": "jquery"

    })

  ]

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容