VUE-cli3는 jQuery를 장착

아니오 webpack.config.js 프로필 VUE-cli3.0

: 일부 블로그 튜토리얼은 그렇게 추가 webpack.config.js에 대답 var webpack=require('webpack');문구를.
나는이 폴더를 보지 못했다 오랫동안 찾고, 나중에 cli3이 폴더가 있고, 그래서 내부 VUE에서 jQuery를 사용하여 달성하지 후 발견거야?

다음 단계를 참조하십시오

1, 명령 줄 도구, 프로젝트 폴더에 실행합니다 npm install jquery --save

설치가 성공적임을 시사 2, 프로젝트의 루트 디렉토리에 package.json 파일에서 "JQuery와"에 대한 검사에서 "종속" "^ 3.3.1"(또는 다른 버전), (수동으로 추가 할 필요가없는 경우) 도표 :

(수동으로 추가 할 필요가없는 경우)가 true를 같이, "JQuery와"가있는 경우 3, 프로젝트의 루트 디렉토리에 "eslintConfig"체크 package.json 파일은 '개체 아래 ENV를 참조하십시오

두 단계로, 내가 한 단계로 통합, 그래서 4, 루트 디렉토리에 새로운 파일이 :( 다른 자습서와 함께 파일에 파일을 vue.config.js, 지방 것은 그림 0.0)

const webpack = require('webpack')
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $:"jquery",
     
                jQuery:"jquery",
                "windows.jQuery":"jquery"
            })
        ]
    },
}

5, main.js 폴더에 도입 : import $ from 'jquery

그런 다음 프로젝트를 다시 시작합니다 (오류가있을 수 있습니다 다시 시작하지를, 나는 잘 다시 시작 주어진되고 있었다)

추가 : 새로운 vue.config.js 루트 디렉토리에 파일을 다음 CLI 구성 webpack.config.js 추가 구성 정보 및 이전 버전 추가입니다 내부에서 동일한 효과,
내부 VUE-cli3 높은 웹팩 통합 때문이며, 일반적으로 사용자는 weboack 가서 무엇을 알 필요가 없다, 그래서 노출 웹팩 프로필이 없다,
그러나 우리는 여전히 기본을 수정 vue.config.js를 만들 수 있습니다 웹팩

추천

출처www.cnblogs.com/panghu123/p/11696168.html